Look Awesome

Brand

#ce755d oklch(0.66 0.118 36)

Step	Hex	OKLCH	vs White	vs Black
Base	`#ce755d` Copy	`oklch(0.66 0.118 36)` Copy	3.32:1 AA-lg	6.33:1 AA
95	`#ffeeea` Copy	`oklch(0.96 0.020 36)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffded5` Copy	`oklch(0.93 0.039 36)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ffb9a5` Copy	`oklch(0.84 0.087 36)` Copy	1.65:1 fail	12.7:1 AAA
70	`#ed9983` Copy	`oklch(0.76 0.106 36)` Copy	2.21:1 fail	9.5:1 AAA
60	`#d77d65` Copy	`oklch(0.68 0.118 36)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#b35d46` Copy	`oklch(0.58 0.118 36)` Copy	4.59:1 AA	4.58:1 AA
40	`#93402a` Copy	`oklch(0.48 0.118 36)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#772f1c` Copy	`oklch(0.40 0.106 36)` Copy	9.5:1 AAA	2.21:1 fail
20	`#5a2111` Copy	`oklch(0.33 0.088 36)` Copy	12.7:1 AAA	1.65:1 fail
10	`#381207` Copy	`oklch(0.24 0.065 36)` Copy	16.7:1 AAA	1.26:1 fail
05	`#250a04` Copy	`oklch(0.19 0.047 36)` Copy	18.7:1 AAA	1.12:1 fail

Accent

#c1987b oklch(0.71 0.064 57)

Step	Hex	OKLCH	vs White	vs Black
Base	`#c1987b` Copy	`oklch(0.71 0.064 57)` Copy	2.61:1 fail	8.04:1 AAA
95	`#ffefe4` Copy	`oklch(0.96 0.023 57)` Copy	1.12:1 fail	18.7:1 AAA
90	`#f9e1d0` Copy	`oklch(0.92 0.035 57)` Copy	1.26:1 fail	16.7:1 AAA
80	`#e3c3ad` Copy	`oklch(0.84 0.048 57)` Copy	1.65:1 fail	12.7:1 AAA
70	`#cda78d` Copy	`oklch(0.76 0.057 57)` Copy	2.21:1 fail	9.5:1 AAA
60	`#b58d70` Copy	`oklch(0.67 0.064 57)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#946d52` Copy	`oklch(0.57 0.064 57)` Copy	4.59:1 AA	4.58:1 AA
40	`#765136` Copy	`oklch(0.47 0.064 57)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#5e3f27` Copy	`oklch(0.40 0.057 57)` Copy	9.5:1 AAA	2.21:1 fail
20	`#462d1a` Copy	`oklch(0.32 0.048 57)` Copy	12.7:1 AAA	1.65:1 fail
10	`#2b1a0d` Copy	`oklch(0.24 0.035 57)` Copy	16.7:1 AAA	1.26:1 fail
05	`#1b1007` Copy	`oklch(0.18 0.026 57)` Copy	18.7:1 AAA	1.12:1 fail

Neutral `0.031` Caps OKLCH Chroma (Saturation). Lower = Grayer.

#b1a994 oklch(0.74 0.031 90)

Step	Hex	OKLCH	vs White	vs Black
Base	`#b1a994` Copy	`oklch(0.74 0.031 90)` Copy	2.34:1 fail	8.97:1 AAA
95	`#f5f2e9` Copy	`oklch(0.96 0.012 90)` Copy	1.12:1 fail	18.7:1 AAA
90	`#eae5d9` Copy	`oklch(0.92 0.017 90)` Copy	1.26:1 fail	16.7:1 AAA
80	`#cfc9b9` Copy	`oklch(0.84 0.023 90)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b5ae9b` Copy	`oklch(0.75 0.028 90)` Copy	2.21:1 fail	9.5:1 AAA
60	`#9c9580` Copy	`oklch(0.67 0.031 90)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#7d7561` Copy	`oklch(0.56 0.031 90)` Copy	4.59:1 AA	4.58:1 AA
40	`#605946` Copy	`oklch(0.46 0.031 90)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#4b4535` Copy	`oklch(0.39 0.028 90)` Copy	9.5:1 AAA	2.21:1 fail
20	`#373225` Copy	`oklch(0.32 0.023 90)` Copy	12.7:1 AAA	1.65:1 fail
10	`#211e15` Copy	`oklch(0.23 0.017 90)` Copy	16.7:1 AAA	1.26:1 fail
05	`#14120c` Copy	`oklch(0.18 0.012 90)` Copy	18.7:1 AAA	1.12:1 fail

Success

#4d8e81 oklch(0.60 0.070 179)

Step	Hex	OKLCH	vs White	vs Black
Base	`#4d8e81` Copy	`oklch(0.60 0.070 179)` Copy	3.82:1 AA-lg	5.5:1 AA
95	`#def7f1` Copy	`oklch(0.96 0.028 179)` Copy	1.12:1 fail	18.7:1 AAA
90	`#c9ede4` Copy	`oklch(0.92 0.039 179)` Copy	1.26:1 fail	16.7:1 AAA
80	`#a3d3c8` Copy	`oklch(0.83 0.053 179)` Copy	1.65:1 fail	12.7:1 AAA
70	`#7fbaad` Copy	`oklch(0.74 0.063 179)` Copy	2.21:1 fail	9.5:1 AAA
60	`#60a193` Copy	`oklch(0.66 0.070 179)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#3f8174` Copy	`oklch(0.56 0.070 179)` Copy	4.59:1 AA	4.58:1 AA
40	`#1f6358` Copy	`oklch(0.46 0.070 179)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#104e44` Copy	`oklch(0.38 0.063 179)` Copy	9.5:1 AAA	2.21:1 fail
20	`#073a32` Copy	`oklch(0.31 0.053 179)` Copy	12.7:1 AAA	1.65:1 fail
10	`#03231d` Copy	`oklch(0.23 0.039 179)` Copy	16.7:1 AAA	1.26:1 fail
05	`#031612` Copy	`oklch(0.18 0.028 179)` Copy	18.7:1 AAA	1.12:1 fail

Warning

#c6985f oklch(0.71 0.092 71)

Step	Hex	OKLCH	vs White	vs Black
Base	`#c6985f` Copy	`oklch(0.71 0.092 71)` Copy	2.61:1 fail	8.06:1 AAA
95	`#ffefdd` Copy	`oklch(0.96 0.030 71)` Copy	1.12:1 fail	18.7:1 AAA
90	`#fce1c2` Copy	`oklch(0.92 0.051 71)` Copy	1.26:1 fail	16.7:1 AAA
80	`#e7c399` Copy	`oklch(0.84 0.069 71)` Copy	1.65:1 fail	12.7:1 AAA
70	`#d1a774` Copy	`oklch(0.76 0.083 71)` Copy	2.21:1 fail	9.5:1 AAA
60	`#ba8d54` Copy	`oklch(0.67 0.092 71)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#996d34` Copy	`oklch(0.57 0.092 71)` Copy	4.59:1 AA	4.58:1 AA
40	`#7a5012` Copy	`oklch(0.47 0.092 71)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#623e04` Copy	`oklch(0.40 0.083 71)` Copy	9.5:1 AAA	2.21:1 fail
20	`#492d00` Copy	`oklch(0.32 0.069 71)` Copy	12.7:1 AAA	1.65:1 fail
10	`#2d1a00` Copy	`oklch(0.24 0.051 71)` Copy	16.7:1 AAA	1.26:1 fail
05	`#1d0f01` Copy	`oklch(0.18 0.037 71)` Copy	18.7:1 AAA	1.12:1 fail

Danger

#ba6170 oklch(0.60 0.115 10)

Step	Hex	OKLCH	vs White	vs Black
Base	`#ba6170` Copy	`oklch(0.60 0.115 10)` Copy	4.17:1 AA-lg	5.03:1 AA
95	`#ffeeef` Copy	`oklch(0.96 0.019 10)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffdde1` Copy	`oklch(0.93 0.038 10)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ffb6c0` Copy	`oklch(0.85 0.086 10)` Copy	1.65:1 fail	12.7:1 AAA
70	`#ec97a3` Copy	`oklch(0.76 0.104 10)` Copy	2.21:1 fail	9.5:1 AAA
60	`#d67a88` Copy	`oklch(0.68 0.115 10)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#b25a69` Copy	`oklch(0.58 0.115 10)` Copy	4.59:1 AA	4.58:1 AA
40	`#923d4e` Copy	`oklch(0.48 0.115 10)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#762d3c` Copy	`oklch(0.41 0.104 10)` Copy	9.5:1 AAA	2.21:1 fail
20	`#591f2b` Copy	`oklch(0.33 0.086 10)` Copy	12.7:1 AAA	1.65:1 fail
10	`#381019` Copy	`oklch(0.24 0.063 10)` Copy	16.7:1 AAA	1.26:1 fail
05	`#24090f` Copy	`oklch(0.19 0.046 10)` Copy	18.7:1 AAA	1.12:1 fail

Component Preview

Buttons

Brand

Accent

Neutral

Success

Warning

Danger

Callouts

Saved successfully

Unsaved changes

Cannot delete brand

Badges

Brand

Accent

Neutral

Success

Warning

Danger

Progress & Controls

Notifications

← Key

Key →

Brand

Brand

Accent

Accent

Neutral · 0.031 Caps OKLCH Chroma (Saturation). Lower = Grayer.

Neutral

Success

Success

Warning

Warning

Danger

Danger

Neutral `0.031` Caps OKLCH Chroma (Saturation). Lower = Grayer.