Look Awesome

Brand

#fdff86 oklch(0.97 0.144 110)

Step	Hex	OKLCH	vs White	vs Black
Base	`#fdff86` Copy	`oklch(0.97 0.144 110)` Copy	1.06:1 fail	19.82:1 AAA
95	`#f3f5c9` Copy	`oklch(0.96 0.058 110)` Copy	1.12:1 fail	18.7:1 AAA
90	`#e7e9ac` Copy	`oklch(0.92 0.079 110)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ccce79` Copy	`oklch(0.83 0.108 110)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b3b448` Copy	`oklch(0.75 0.130 110)` Copy	2.21:1 fail	9.5:1 AAA
60	`#9a9a04` Copy	`oklch(0.66 0.144 110)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#7a7900` Copy	`oklch(0.56 0.122 110)` Copy	4.59:1 AA	4.58:1 AA
40	`#5c5c00` Copy	`oklch(0.46 0.100 110)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#484800` Copy	`oklch(0.39 0.085 110)` Copy	9.5:1 AAA	2.21:1 fail
20	`#353500` Copy	`oklch(0.32 0.069 110)` Copy	12.7:1 AAA	1.65:1 fail
10	`#1f1f00` Copy	`oklch(0.23 0.051 110)` Copy	16.7:1 AAA	1.26:1 fail
05	`#131300` Copy	`oklch(0.18 0.040 110)` Copy	18.7:1 AAA	1.12:1 fail

Accent

#d1b66e oklch(0.78 0.097 90)

Step	Hex	OKLCH	vs White	vs Black
Base	`#d1b66e` Copy	`oklch(0.78 0.097 90)` Copy	1.98:1 fail	10.63:1 AAA
95	`#fcf1d5` Copy	`oklch(0.96 0.039 90)` Copy	1.12:1 fail	18.7:1 AAA
90	`#f3e4be` Copy	`oklch(0.92 0.053 90)` Copy	1.26:1 fail	16.7:1 AAA
80	`#dcc893` Copy	`oklch(0.84 0.072 90)` Copy	1.65:1 fail	12.7:1 AAA
70	`#c4ac6d` Copy	`oklch(0.75 0.087 90)` Copy	2.21:1 fail	9.5:1 AAA
60	`#ad924b` Copy	`oklch(0.67 0.097 90)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#8c7329` Copy	`oklch(0.56 0.097 90)` Copy	4.59:1 AA	4.58:1 AA
40	`#6e5600` Copy	`oklch(0.46 0.095 90)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#574300` Copy	`oklch(0.39 0.080 90)` Copy	9.5:1 AAA	2.21:1 fail
20	`#403100` Copy	`oklch(0.32 0.066 90)` Copy	12.7:1 AAA	1.65:1 fail
10	`#271d00` Copy	`oklch(0.24 0.048 90)` Copy	16.7:1 AAA	1.26:1 fail
05	`#191100` Copy	`oklch(0.18 0.038 90)` Copy	18.7:1 AAA	1.12:1 fail

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

#978d5e oklch(0.64 0.066 98)

Step	Hex	OKLCH	vs White	vs Black
Base	`#978d5e` Copy	`oklch(0.64 0.066 98)` Copy	3.34:1 AA-lg	6.29:1 AA
95	`#f3f2ec` Copy	`oklch(0.96 0.008 98)` Copy	1.12:1 fail	18.7:1 AAA
90	`#e7e5dd` Copy	`oklch(0.92 0.011 98)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ccc9bf` Copy	`oklch(0.84 0.015 98)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b1afa2` Copy	`oklch(0.75 0.018 98)` Copy	2.21:1 fail	9.5:1 AAA
60	`#989588` Copy	`oklch(0.67 0.020 98)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#787668` Copy	`oklch(0.56 0.020 98)` Copy	4.59:1 AA	4.58:1 AA
40	`#5c594d` Copy	`oklch(0.46 0.020 98)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#48463b` Copy	`oklch(0.39 0.018 98)` Copy	9.5:1 AAA	2.21:1 fail
20	`#35332a` Copy	`oklch(0.32 0.015 98)` Copy	12.7:1 AAA	1.65:1 fail
10	`#1f1e18` Copy	`oklch(0.23 0.011 98)` Copy	16.7:1 AAA	1.26:1 fail
05	`#13120e` Copy	`oklch(0.18 0.008 98)` Copy	18.7:1 AAA	1.12:1 fail

Success

#6c7553 oklch(0.55 0.051 120)

Step	Hex	OKLCH	vs White	vs Black
Base	`#6c7553` Copy	`oklch(0.55 0.051 120)` Copy	4.88:1 AA	4.31:1 AA-lg
95	`#eff4e4` Copy	`oklch(0.96 0.021 120)` Copy	1.12:1 fail	18.7:1 AAA
90	`#e2e8d3` Copy	`oklch(0.92 0.028 120)` Copy	1.26:1 fail	16.7:1 AAA
80	`#c5cdb1` Copy	`oklch(0.83 0.039 120)` Copy	1.65:1 fail	12.7:1 AAA
70	`#a9b292` Copy	`oklch(0.75 0.046 120)` Copy	2.21:1 fail	9.5:1 AAA
60	`#8f9976` Copy	`oklch(0.67 0.052 120)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#707957` Copy	`oklch(0.56 0.052 120)` Copy	4.59:1 AA	4.58:1 AA
40	`#545d3c` Copy	`oklch(0.46 0.052 120)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#41492c` Copy	`oklch(0.39 0.046 120)` Copy	9.5:1 AAA	2.21:1 fail
20	`#2f351e` Copy	`oklch(0.32 0.039 120)` Copy	12.7:1 AAA	1.65:1 fail
10	`#1c2010` Copy	`oklch(0.23 0.028 120)` Copy	16.7:1 AAA	1.26:1 fail
05	`#111309` Copy	`oklch(0.18 0.021 120)` Copy	18.7:1 AAA	1.12:1 fail

Warning

#6d7654 oklch(0.55 0.051 120)

Step	Hex	OKLCH	vs White	vs Black
Base	`#6d7654` Copy	`oklch(0.55 0.051 120)` Copy	4.81:1 AA	4.37:1 AA-lg
95	`#eff4e4` Copy	`oklch(0.96 0.021 120)` Copy	1.12:1 fail	18.7:1 AAA
90	`#e2e8d3` Copy	`oklch(0.92 0.028 120)` Copy	1.26:1 fail	16.7:1 AAA
80	`#c5cdb1` Copy	`oklch(0.83 0.038 120)` Copy	1.65:1 fail	12.7:1 AAA
70	`#a9b292` Copy	`oklch(0.75 0.046 120)` Copy	2.21:1 fail	9.5:1 AAA
60	`#8f9976` Copy	`oklch(0.67 0.051 120)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#707957` Copy	`oklch(0.56 0.051 120)` Copy	4.59:1 AA	4.58:1 AA
40	`#545d3c` Copy	`oklch(0.46 0.051 120)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#41492c` Copy	`oklch(0.39 0.046 120)` Copy	9.5:1 AAA	2.21:1 fail
20	`#2f351e` Copy	`oklch(0.32 0.038 120)` Copy	12.7:1 AAA	1.65:1 fail
10	`#1c2010` Copy	`oklch(0.23 0.028 120)` Copy	16.7:1 AAA	1.26:1 fail
05	`#111309` Copy	`oklch(0.18 0.021 120)` Copy	18.7:1 AAA	1.12:1 fail

Danger

#ae9662 oklch(0.68 0.075 86)

Step	Hex	OKLCH	vs White	vs Black
Base	`#ae9662` Copy	`oklch(0.68 0.075 86)` Copy	2.86:1 fail	7.34:1 AAA
95	`#fbf1dc` Copy	`oklch(0.96 0.030 86)` Copy	1.12:1 fail	18.7:1 AAA
90	`#f2e4c7` Copy	`oklch(0.92 0.041 86)` Copy	1.26:1 fail	16.7:1 AAA
80	`#dac7a0` Copy	`oklch(0.84 0.056 86)` Copy	1.65:1 fail	12.7:1 AAA
70	`#c2ac7d` Copy	`oklch(0.75 0.068 86)` Copy	2.21:1 fail	9.5:1 AAA
60	`#aa925e` Copy	`oklch(0.67 0.075 86)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#8a733f` Copy	`oklch(0.56 0.075 86)` Copy	4.59:1 AA	4.58:1 AA
40	`#6c5622` Copy	`oklch(0.46 0.075 86)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#564315` Copy	`oklch(0.39 0.068 86)` Copy	9.5:1 AAA	2.21:1 fail
20	`#40310b` Copy	`oklch(0.32 0.056 86)` Copy	12.7:1 AAA	1.65:1 fail
10	`#271c04` Copy	`oklch(0.24 0.041 86)` Copy	16.7:1 AAA	1.26:1 fail
05	`#181103` Copy	`oklch(0.18 0.030 86)` Copy	18.7:1 AAA	1.12:1 fail

Unassigned

#c3c170 oklch(0.79 0.103 107)

Step	Hex	OKLCH	vs White	vs Black
Base	`#c3c170` Copy	`oklch(0.79 0.103 107)` Copy	1.88:1 fail	11.18:1 AAA
95	`#f4f4d4` Copy	`oklch(0.96 0.041 107)` Copy	1.12:1 fail	18.7:1 AAA
90	`#e8e8bc` Copy	`oklch(0.92 0.057 107)` Copy	1.26:1 fail	16.7:1 AAA
80	`#cdcc91` Copy	`oklch(0.83 0.078 107)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b4b26b` Copy	`oklch(0.75 0.093 107)` Copy	2.21:1 fail	9.5:1 AAA
60	`#9b9848` Copy	`oklch(0.67 0.104 107)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#7b7825` Copy	`oklch(0.56 0.104 107)` Copy	4.59:1 AA	4.58:1 AA
40	`#5f5c00` Copy	`oklch(0.46 0.099 107)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#4a4800` Copy	`oklch(0.39 0.084 107)` Copy	9.5:1 AAA	2.21:1 fail
20	`#363400` Copy	`oklch(0.32 0.068 107)` Copy	12.7:1 AAA	1.65:1 fail
10	`#201f00` Copy	`oklch(0.23 0.050 107)` Copy	16.7:1 AAA	1.26:1 fail
05	`#141300` Copy	`oklch(0.18 0.040 107)` Copy	18.7:1 AAA	1.12:1 fail

Unassigned

#111d34 oklch(0.23 0.048 262)

Step	Hex	OKLCH	vs White	vs Black
Base	`#111d34` Copy	`oklch(0.23 0.048 262)` Copy	16.81:1 AAA	1.25:1 fail
95	`#ebf2ff` Copy	`oklch(0.96 0.019 262)` Copy	1.12:1 fail	18.7:1 AAA
90	`#dce6f8` Copy	`oklch(0.92 0.026 262)` Copy	1.26:1 fail	16.7:1 AAA
80	`#bdcae1` Copy	`oklch(0.84 0.036 262)` Copy	1.65:1 fail	12.7:1 AAA
70	`#a0afcb` Copy	`oklch(0.75 0.043 262)` Copy	2.21:1 fail	9.5:1 AAA
60	`#8596b3` Copy	`oklch(0.67 0.048 262)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#677692` Copy	`oklch(0.56 0.048 262)` Copy	4.59:1 AA	4.58:1 AA
40	`#4b5a75` Copy	`oklch(0.46 0.048 262)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#39465d` Copy	`oklch(0.39 0.043 262)` Copy	9.5:1 AAA	2.21:1 fail
20	`#293345` Copy	`oklch(0.32 0.036 262)` Copy	12.7:1 AAA	1.65:1 fail
10	`#171e2b` Copy	`oklch(0.24 0.026 262)` Copy	16.7:1 AAA	1.26:1 fail
05	`#0e121b` Copy	`oklch(0.18 0.019 262)` 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.02 Caps OKLCH Chroma (Saturation). Lower = Grayer.

Neutral

Success

Success

Warning

Warning

Danger

Danger

Unassigned

Unassigned

Unassigned

Unassigned

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