Look Awesome

BrandFallingwater Red

#824e4b oklch(0.48 0.071 24)

Step	Hex	OKLCH	vs White	vs Black
Base	`#824e4b` Copy	`oklch(0.48 0.071 24)` Copy	6.69:1 AA	3.14:1 AA-lg
95	`#ffeeec` Copy	`oklch(0.96 0.019 24)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffdedb` Copy	`oklch(0.93 0.038 24)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ecbebb` Copy	`oklch(0.84 0.053 24)` Copy	1.65:1 fail	12.7:1 AAA
70	`#d7a19d` Copy	`oklch(0.76 0.064 24)` Copy	2.21:1 fail	9.5:1 AAA
60	`#c08783` Copy	`oklch(0.68 0.071 24)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#9e6764` Copy	`oklch(0.57 0.071 24)` Copy	4.59:1 AA	4.58:1 AA
40	`#7f4b48` Copy	`oklch(0.47 0.071 24)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#663937` Copy	`oklch(0.40 0.064 24)` Copy	9.5:1 AAA	2.21:1 fail
20	`#4c2927` Copy	`oklch(0.33 0.053 24)` Copy	12.7:1 AAA	1.65:1 fail
10	`#2f1716` Copy	`oklch(0.24 0.039 24)` Copy	16.7:1 AAA	1.26:1 fail
05	`#1e0e0d` Copy	`oklch(0.19 0.028 24)` Copy	18.7:1 AAA	1.12:1 fail

AccentBlue Lava

#2e516a oklch(0.42 0.058 241)

Step	Hex	OKLCH	vs White	vs Black
Base	`#2e516a` Copy	`oklch(0.42 0.058 241)` Copy	8.4:1 AAA	2.5:1 fail
95	`#e5f4ff` Copy	`oklch(0.96 0.022 241)` Copy	1.12:1 fail	18.7:1 AAA
90	`#d3e8f9` Copy	`oklch(0.92 0.032 241)` Copy	1.26:1 fail	16.7:1 AAA
80	`#b0cde3` Copy	`oklch(0.83 0.044 241)` Copy	1.65:1 fail	12.7:1 AAA
70	`#91b3cc` Copy	`oklch(0.75 0.052 241)` Copy	2.21:1 fail	9.5:1 AAA
60	`#7499b5` Copy	`oklch(0.67 0.058 241)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#557a94` Copy	`oklch(0.56 0.058 241)` Copy	4.59:1 AA	4.58:1 AA
40	`#3a5d76` Copy	`oklch(0.46 0.058 241)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#2a495f` Copy	`oklch(0.39 0.052 241)` Copy	9.5:1 AAA	2.21:1 fail
20	`#1d3547` Copy	`oklch(0.32 0.044 241)` Copy	12.7:1 AAA	1.65:1 fail
10	`#0f202b` Copy	`oklch(0.23 0.032 241)` Copy	16.7:1 AAA	1.26:1 fail
05	`#08131c` Copy	`oklch(0.18 0.023 241)` Copy	18.7:1 AAA	1.12:1 fail

NeutralCovered Wagon `0.08` Caps OKLCH Chroma (Saturation). Lower = Grayer.

#cda784 oklch(0.75 0.065 64)

Step	Hex	OKLCH	vs White	vs Black
Base	`#cda784` Copy	`oklch(0.75 0.065 64)` Copy	2.22:1 fail	9.46:1 AAA
95	`#ffefe1` Copy	`oklch(0.96 0.026 64)` Copy	1.12:1 fail	18.7:1 AAA
90	`#f8e2ce` Copy	`oklch(0.92 0.036 64)` Copy	1.26:1 fail	16.7:1 AAA
80	`#e1c4aa` Copy	`oklch(0.84 0.049 64)` Copy	1.65:1 fail	12.7:1 AAA
70	`#caa889` Copy	`oklch(0.76 0.059 64)` Copy	2.21:1 fail	9.5:1 AAA
60	`#b38e6c` Copy	`oklch(0.67 0.065 64)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#926f4d` Copy	`oklch(0.57 0.065 64)` Copy	4.59:1 AA	4.58:1 AA
40	`#745232` Copy	`oklch(0.47 0.065 64)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#5d4023` Copy	`oklch(0.40 0.059 64)` Copy	9.5:1 AAA	2.21:1 fail
20	`#452e17` Copy	`oklch(0.32 0.049 64)` Copy	12.7:1 AAA	1.65:1 fail
10	`#2a1b0b` Copy	`oklch(0.24 0.036 64)` Copy	16.7:1 AAA	1.26:1 fail
05	`#1b1006` Copy	`oklch(0.18 0.026 64)` Copy	18.7:1 AAA	1.12:1 fail

SuccessMountain Forest

#4d663d oklch(0.48 0.069 134)

Step	Hex	OKLCH	vs White	vs Black
Base	`#4d663d` Copy	`oklch(0.48 0.069 134)` Copy	6.4:1 AA	3.28:1 AA-lg
95	`#e9f5e3` Copy	`oklch(0.96 0.028 134)` Copy	1.12:1 fail	18.7:1 AAA
90	`#daead1` Copy	`oklch(0.92 0.038 134)` Copy	1.26:1 fail	16.7:1 AAA
80	`#bad0ae` Copy	`oklch(0.83 0.052 134)` Copy	1.65:1 fail	12.7:1 AAA
70	`#9db68e` Copy	`oklch(0.75 0.062 134)` Copy	2.21:1 fail	9.5:1 AAA
60	`#829d71` Copy	`oklch(0.66 0.070 134)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#637d53` Copy	`oklch(0.56 0.070 134)` Copy	4.59:1 AA	4.58:1 AA
40	`#476037` Copy	`oklch(0.46 0.070 134)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#364c28` Copy	`oklch(0.39 0.062 134)` Copy	9.5:1 AAA	2.21:1 fail
20	`#26371b` Copy	`oklch(0.32 0.052 134)` Copy	12.7:1 AAA	1.65:1 fail
10	`#16210e` Copy	`oklch(0.23 0.038 134)` Copy	16.7:1 AAA	1.26:1 fail
05	`#0d1408` Copy	`oklch(0.18 0.028 134)` Copy	18.7:1 AAA	1.12:1 fail

WarningLion's Mane

#e3b271 oklch(0.79 0.100 73)

Step	Hex	OKLCH	vs White	vs Black
Base	`#e3b271` Copy	`oklch(0.79 0.100 73)` Copy	1.93:1 fail	10.87:1 AAA
95	`#fff0dc` Copy	`oklch(0.96 0.031 73)` Copy	1.12:1 fail	18.7:1 AAA
90	`#fde1be` Copy	`oklch(0.92 0.055 73)` Copy	1.26:1 fail	16.7:1 AAA
80	`#e8c394` Copy	`oklch(0.84 0.075 73)` Copy	1.65:1 fail	12.7:1 AAA
70	`#d2a76e` Copy	`oklch(0.76 0.090 73)` Copy	2.21:1 fail	9.5:1 AAA
60	`#bc8c4c` Copy	`oklch(0.67 0.100 73)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#9a6d2a` Copy	`oklch(0.57 0.100 73)` Copy	4.59:1 AA	4.58:1 AA
40	`#7b5000` Copy	`oklch(0.47 0.100 73)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#623e00` Copy	`oklch(0.40 0.084 73)` Copy	9.5:1 AAA	2.21:1 fail
20	`#482d00` Copy	`oklch(0.32 0.069 73)` Copy	12.7:1 AAA	1.65:1 fail
10	`#2d1a00` Copy	`oklch(0.24 0.051 73)` Copy	16.7:1 AAA	1.26:1 fail
05	`#1d0f00` Copy	`oklch(0.18 0.040 73)` Copy	18.7:1 AAA	1.12:1 fail

DangerRed Gumball

#ad3a3f oklch(0.52 0.150 22)

Step	Hex	OKLCH	vs White	vs Black
Base	`#ad3a3f` Copy	`oklch(0.52 0.150 22)` Copy	6.08:1 AA	3.45:1 AA-lg
95	`#ffeeed` Copy	`oklch(0.96 0.019 22)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffdedc` Copy	`oklch(0.93 0.037 22)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ffb7b4` Copy	`oklch(0.85 0.084 22)` Copy	1.65:1 fail	12.7:1 AAA
70	`#fe8f8d` Copy	`oklch(0.77 0.135 22)` Copy	2.21:1 fail	9.5:1 AAA
60	`#e97070` Copy	`oklch(0.69 0.150 22)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#c44f52` Copy	`oklch(0.58 0.150 22)` Copy	4.59:1 AA	4.58:1 AA
40	`#a22f36` Copy	`oklch(0.48 0.150 22)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#841f27` Copy	`oklch(0.41 0.135 22)` Copy	9.5:1 AAA	2.21:1 fail
20	`#64141a` Copy	`oklch(0.33 0.112 22)` Copy	12.7:1 AAA	1.65:1 fail
10	`#3f090d` Copy	`oklch(0.24 0.082 22)` Copy	16.7:1 AAA	1.26:1 fail
05	`#290607` Copy	`oklch(0.19 0.060 22)` Copy	18.7:1 AAA	1.12:1 fail

Tanglewood

#a59085 oklch(0.67 0.030 49)

Step	Hex	OKLCH	vs White	vs Black
Base	`#a59085` Copy	`oklch(0.67 0.030 49)` Copy	3.03:1 AA-lg	6.93:1 AA
95	`#f9f0eb` Copy	`oklch(0.96 0.012 49)` Copy	1.12:1 fail	18.7:1 AAA
90	`#f0e3dc` Copy	`oklch(0.92 0.016 49)` Copy	1.26:1 fail	16.7:1 AAA
80	`#d7c6bd` Copy	`oklch(0.84 0.022 49)` Copy	1.65:1 fail	12.7:1 AAA
70	`#beaba0` Copy	`oklch(0.75 0.027 49)` Copy	2.21:1 fail	9.5:1 AAA
60	`#a69186` Copy	`oklch(0.67 0.030 49)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#857167` Copy	`oklch(0.57 0.030 49)` Copy	4.59:1 AA	4.58:1 AA
40	`#68554b` Copy	`oklch(0.47 0.030 49)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#53423a` Copy	`oklch(0.40 0.027 49)` Copy	9.5:1 AAA	2.21:1 fail
20	`#3d3029` Copy	`oklch(0.32 0.022 49)` Copy	12.7:1 AAA	1.65:1 fail
10	`#251c17` Copy	`oklch(0.24 0.016 49)` Copy	16.7:1 AAA	1.26:1 fail
05	`#17110e` Copy	`oklch(0.18 0.012 49)` Copy	18.7:1 AAA	1.12:1 fail

Chocolate Truffle

#6f5746 oklch(0.48 0.041 57)

Step	Hex	OKLCH	vs White	vs Black
Base	`#6f5746` Copy	`oklch(0.48 0.041 57)` Copy	6.71:1 AA	3.13:1 AA-lg
95	`#fbf0e8` Copy	`oklch(0.96 0.016 57)` Copy	1.12:1 fail	18.7:1 AAA
90	`#f2e2d8` Copy	`oklch(0.92 0.023 57)` Copy	1.26:1 fail	16.7:1 AAA
80	`#dac5b7` Copy	`oklch(0.84 0.031 57)` Copy	1.65:1 fail	12.7:1 AAA
70	`#c2aa99` Copy	`oklch(0.75 0.037 57)` Copy	2.21:1 fail	9.5:1 AAA
60	`#aa907e` Copy	`oklch(0.67 0.041 57)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#8a715f` Copy	`oklch(0.57 0.041 57)` Copy	4.59:1 AA	4.58:1 AA
40	`#6c5443` Copy	`oklch(0.47 0.041 57)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#564133` Copy	`oklch(0.40 0.037 57)` Copy	9.5:1 AAA	2.21:1 fail
20	`#402f24` Copy	`oklch(0.32 0.031 57)` Copy	12.7:1 AAA	1.65:1 fail
10	`#271c14` Copy	`oklch(0.24 0.023 57)` Copy	16.7:1 AAA	1.26:1 fail
05	`#18110b` Copy	`oklch(0.18 0.016 57)` Copy	18.7:1 AAA	1.12:1 fail

Dusty Trail

#c9bba4 oklch(0.80 0.035 80)

Step	Hex	OKLCH	vs White	vs Black
Base	`#c9bba4` Copy	`oklch(0.80 0.035 80)` Copy	1.89:1 fail	11.13:1 AAA
95	`#f7f1e8` Copy	`oklch(0.96 0.014 80)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ece4d7` Copy	`oklch(0.92 0.019 80)` Copy	1.26:1 fail	16.7:1 AAA
80	`#d3c8b7` Copy	`oklch(0.84 0.026 80)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b9ad99` Copy	`oklch(0.75 0.032 80)` Copy	2.21:1 fail	9.5:1 AAA
60	`#a1937d` Copy	`oklch(0.67 0.035 80)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#81745e` Copy	`oklch(0.56 0.035 80)` Copy	4.59:1 AA	4.58:1 AA
40	`#645743` Copy	`oklch(0.46 0.035 80)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#4f4432` Copy	`oklch(0.39 0.032 80)` Copy	9.5:1 AAA	2.21:1 fail
20	`#3a3223` Copy	`oklch(0.32 0.026 80)` Copy	12.7:1 AAA	1.65:1 fail
10	`#231d14` Copy	`oklch(0.24 0.019 80)` Copy	16.7:1 AAA	1.26:1 fail
05	`#16120b` Copy	`oklch(0.18 0.014 80)` Copy	18.7:1 AAA	1.12:1 fail

Bone White

#e3d9c6 oklch(0.89 0.028 84)

Step	Hex	OKLCH	vs White	vs Black
Base	`#e3d9c6` Copy	`oklch(0.89 0.028 84)` Copy	1.4:1 fail	15.01:1 AAA
95	`#f5f1ea` Copy	`oklch(0.96 0.011 84)` Copy	1.12:1 fail	18.7:1 AAA
90	`#eae5da` Copy	`oklch(0.92 0.015 84)` Copy	1.26:1 fail	16.7:1 AAA
80	`#d0c9bb` Copy	`oklch(0.84 0.021 84)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b6ae9d` Copy	`oklch(0.75 0.025 84)` Copy	2.21:1 fail	9.5:1 AAA
60	`#9d9482` Copy	`oklch(0.67 0.028 84)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#7d7463` Copy	`oklch(0.56 0.028 84)` Copy	4.59:1 AA	4.58:1 AA
40	`#615848` Copy	`oklch(0.46 0.028 84)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#4c4537` Copy	`oklch(0.39 0.025 84)` Copy	9.5:1 AAA	2.21:1 fail
20	`#383227` Copy	`oklch(0.32 0.021 84)` Copy	12.7:1 AAA	1.65:1 fail
10	`#211d16` Copy	`oklch(0.24 0.015 84)` Copy	16.7:1 AAA	1.26:1 fail
05	`#15120d` Copy	`oklch(0.18 0.011 84)` Copy	18.7:1 AAA	1.12:1 fail

Moth Gray

#d1c9b9 oklch(0.84 0.024 85)

Step	Hex	OKLCH	vs White	vs Black
Base	`#d1c9b9` Copy	`oklch(0.84 0.024 85)` Copy	1.64:1 fail	12.77:1 AAA
95	`#f5f1eb` Copy	`oklch(0.96 0.009 85)` Copy	1.12:1 fail	18.7:1 AAA
90	`#e9e5dc` Copy	`oklch(0.92 0.013 85)` Copy	1.26:1 fail	16.7:1 AAA
80	`#cfc9bd` Copy	`oklch(0.84 0.018 85)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b5aea0` Copy	`oklch(0.75 0.021 85)` Copy	2.21:1 fail	9.5:1 AAA
60	`#9c9485` Copy	`oklch(0.67 0.024 85)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#7c7566` Copy	`oklch(0.56 0.024 85)` Copy	4.59:1 AA	4.58:1 AA
40	`#5f584a` Copy	`oklch(0.46 0.024 85)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#4b4539` Copy	`oklch(0.39 0.021 85)` Copy	9.5:1 AAA	2.21:1 fail
20	`#373229` Copy	`oklch(0.32 0.018 85)` Copy	12.7:1 AAA	1.65:1 fail
10	`#211e17` Copy	`oklch(0.23 0.013 85)` Copy	16.7:1 AAA	1.26:1 fail
05	`#14120e` Copy	`oklch(0.18 0.009 85)` Copy	18.7:1 AAA	1.12:1 fail

Grapevine

#605640 oklch(0.46 0.036 86)

Step	Hex	OKLCH	vs White	vs Black
Base	`#605640` Copy	`oklch(0.46 0.036 86)` Copy	7.24:1 AAA	2.9:1 fail
95	`#f6f1e7` Copy	`oklch(0.96 0.014 86)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ebe5d7` Copy	`oklch(0.92 0.020 86)` Copy	1.26:1 fail	16.7:1 AAA
80	`#d1c9b6` Copy	`oklch(0.84 0.027 86)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b8ae98` Copy	`oklch(0.75 0.032 86)` Copy	2.21:1 fail	9.5:1 AAA
60	`#9f947c` Copy	`oklch(0.67 0.036 86)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#7f745e` Copy	`oklch(0.56 0.036 86)` Copy	4.59:1 AA	4.58:1 AA
40	`#625842` Copy	`oklch(0.46 0.036 86)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#4d4532` Copy	`oklch(0.39 0.032 86)` Copy	9.5:1 AAA	2.21:1 fail
20	`#393223` Copy	`oklch(0.32 0.027 86)` Copy	12.7:1 AAA	1.65:1 fail
10	`#221d13` Copy	`oklch(0.23 0.020 86)` Copy	16.7:1 AAA	1.26:1 fail
05	`#15120b` Copy	`oklch(0.18 0.014 86)` Copy	18.7:1 AAA	1.12:1 fail

Lava Gray

#5d686d oklch(0.51 0.016 227)

Step	Hex	OKLCH	vs White	vs Black
Base	`#5d686d` Copy	`oklch(0.51 0.016 227)` Copy	5.73:1 AA	3.67:1 AA-lg
95	`#edf3f5` Copy	`oklch(0.96 0.006 227)` Copy	1.12:1 fail	18.7:1 AAA
90	`#dfe6ea` Copy	`oklch(0.92 0.009 227)` Copy	1.26:1 fail	16.7:1 AAA
80	`#c2cbcf` Copy	`oklch(0.84 0.012 227)` Copy	1.65:1 fail	12.7:1 AAA
70	`#a5b0b5` Copy	`oklch(0.75 0.014 227)` Copy	2.21:1 fail	9.5:1 AAA
60	`#8b979c` Copy	`oklch(0.67 0.016 227)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#6c777c` Copy	`oklch(0.56 0.016 227)` Copy	4.59:1 AA	4.58:1 AA
40	`#505b60` Copy	`oklch(0.46 0.016 227)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#3e474b` Copy	`oklch(0.39 0.014 227)` Copy	9.5:1 AAA	2.21:1 fail
20	`#2c3437` Copy	`oklch(0.32 0.012 227)` Copy	12.7:1 AAA	1.65:1 fail
10	`#1a1f21` Copy	`oklch(0.23 0.009 227)` Copy	16.7:1 AAA	1.26:1 fail
05	`#0f1314` Copy	`oklch(0.18 0.006 227)` Copy	18.7:1 AAA	1.12:1 fail

Component Preview

Buttons

Brand

Accent

Neutral

Success

Warning

Danger

Named Buttons

Fallingwater Red

Covered Wagon

Blue Lava

Mountain Forest

Dusty Trail

Chocolate Truffle

Red Gumball

Tanglewood

Bone White

Moth Gray

Grapevine

Lion's Mane

Lava Gray

Callouts

Saved successfully

Unsaved changes

Cannot delete brand

Badges

Brand

Accent

Neutral

Success

Warning

Danger

Named Badges

Fallingwater Red

Covered Wagon

Blue Lava

Mountain Forest

Dusty Trail

Chocolate Truffle

Red Gumball

Tanglewood

Bone White

Moth Gray

Grapevine

Lion's Mane

Lava Gray

Progress & Controls

Notifications

← Key

Key →

BrandFallingwater Red

Brand

AccentBlue Lava

Accent

NeutralCovered Wagon `0.08` Caps OKLCH Chroma (Saturation). Lower = Grayer.

Neutral

SuccessMountain Forest

Success

WarningLion's Mane

Warning

DangerRed Gumball

Danger

Tanglewood

Unassigned

Chocolate Truffle

Unassigned

Dusty Trail

Unassigned

Bone White

Unassigned

Moth Gray

Unassigned

Grapevine

Unassigned

Lava Gray

Unassigned

Brand · Fallingwater Red

Brand

Accent · Blue Lava

Accent

Neutral · Covered Wagon · 0.08 Caps OKLCH Chroma (Saturation). Lower = Grayer.

Neutral

Success · Mountain Forest

Success

Warning · Lion's Mane

Warning

Danger · Red Gumball

Danger

Tanglewood

Unassigned

Chocolate Truffle

Unassigned

Dusty Trail

Unassigned

Bone White

Unassigned

Moth Gray

Unassigned

Grapevine

Unassigned

Lava Gray

Unassigned

BrandFallingwater Red

AccentBlue Lava

NeutralCovered Wagon `0.08` Caps OKLCH Chroma (Saturation). Lower = Grayer.

SuccessMountain Forest

WarningLion's Mane

DangerRed Gumball