Look Awesome

Accent

#bb936f oklch(0.69 0.069 63)

Step	Hex	OKLCH	vs White	vs Black
Base	`#bb936f` Copy	`oklch(0.69 0.069 63)` Copy	2.79:1 fail	7.52:1 AAA
95	`#ffefe1` Copy	`oklch(0.96 0.026 63)` Copy	1.12:1 fail	18.7:1 AAA
90	`#f9e1cd` Copy	`oklch(0.92 0.038 63)` Copy	1.26:1 fail	16.7:1 AAA
80	`#e3c4a8` Copy	`oklch(0.84 0.052 63)` Copy	1.65:1 fail	12.7:1 AAA
70	`#cca887` Copy	`oklch(0.76 0.062 63)` Copy	2.21:1 fail	9.5:1 AAA
60	`#b58d69` Copy	`oklch(0.67 0.069 63)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#946e4b` Copy	`oklch(0.57 0.069 63)` Copy	4.59:1 AA	4.58:1 AA
40	`#76512f` Copy	`oklch(0.47 0.069 63)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#5e3f21` Copy	`oklch(0.40 0.062 63)` Copy	9.5:1 AAA	2.21:1 fail
20	`#462d15` Copy	`oklch(0.32 0.052 63)` Copy	12.7:1 AAA	1.65:1 fail
10	`#2b1a0a` Copy	`oklch(0.24 0.038 63)` Copy	16.7:1 AAA	1.26:1 fail
05	`#1b1006` Copy	`oklch(0.18 0.028 63)` Copy	18.7:1 AAA	1.12:1 fail

#ebe7f2 oklch(0.93 0.015 303)

Step	Hex	OKLCH	vs White	vs Black
Base	`#ebe7f2` Copy	`oklch(0.93 0.015 303)` Copy	1.22:1 fail	17.24:1 AAA
95	`#f3f1f5` Copy	`oklch(0.96 0.006 303)` Copy	1.12:1 fail	18.7:1 AAA
90	`#e6e4ea` Copy	`oklch(0.92 0.008 303)` Copy	1.26:1 fail	16.7:1 AAA
80	`#cbc8d0` Copy	`oklch(0.84 0.012 303)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b0adb6` Copy	`oklch(0.75 0.014 303)` Copy	2.21:1 fail	9.5:1 AAA
60	`#97939d` Copy	`oklch(0.67 0.015 303)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#77747e` Copy	`oklch(0.56 0.015 303)` Copy	4.59:1 AA	4.58:1 AA
40	`#5b5861` Copy	`oklch(0.46 0.015 303)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#47444c` Copy	`oklch(0.39 0.014 303)` Copy	9.5:1 AAA	2.21:1 fail
20	`#343238` Copy	`oklch(0.32 0.012 303)` Copy	12.7:1 AAA	1.65:1 fail
10	`#1f1d21` Copy	`oklch(0.24 0.008 303)` Copy	16.7:1 AAA	1.26:1 fail
05	`#131215` Copy	`oklch(0.18 0.006 303)` Copy	18.7:1 AAA	1.12:1 fail

#01deb6 oklch(0.80 0.154 173)

Step	Hex	OKLCH	vs White	vs Black
Base	`#01deb6` Copy	`oklch(0.80 0.154 173)` Copy	1.73:1 fail	12.13:1 AAA
95	`#c6fdec` Copy	`oklch(0.95 0.061 173)` Copy	1.12:1 fail	18.7:1 AAA
90	`#a6f5dd` Copy	`oklch(0.91 0.084 173)` Copy	1.26:1 fail	16.7:1 AAA
80	`#69ddbe` Copy	`oklch(0.82 0.115 173)` Copy	1.65:1 fail	12.7:1 AAA
70	`#12c5a1` Copy	`oklch(0.73 0.138 173)` Copy	2.21:1 fail	9.5:1 AAA
60	`#00a88a` Copy	`oklch(0.65 0.125 173)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#00856c` Copy	`oklch(0.55 0.105 173)` Copy	4.59:1 AA	4.58:1 AA
40	`#006552` Copy	`oklch(0.45 0.087 173)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#005040` Copy	`oklch(0.38 0.073 173)` Copy	9.5:1 AAA	2.21:1 fail
20	`#003a2e` Copy	`oklch(0.31 0.060 173)` Copy	12.7:1 AAA	1.65:1 fail
10	`#00231b` Copy	`oklch(0.23 0.044 173)` Copy	16.7:1 AAA	1.26:1 fail
05	`#001610` Copy	`oklch(0.18 0.035 173)` Copy	18.7:1 AAA	1.12:1 fail

#cdc2de oklch(0.83 0.040 303)

Step	Hex	OKLCH	vs White	vs Black
Base	`#cdc2de` Copy	`oklch(0.83 0.040 303)` Copy	1.7:1 fail	12.37:1 AAA
95	`#f4f0fb` Copy	`oklch(0.96 0.016 303)` Copy	1.12:1 fail	18.7:1 AAA
90	`#e9e3f3` Copy	`oklch(0.92 0.022 303)` Copy	1.26:1 fail	16.7:1 AAA
80	`#cec6db` Copy	`oklch(0.84 0.030 303)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b4aac3` Copy	`oklch(0.76 0.036 303)` Copy	2.21:1 fail	9.5:1 AAA
60	`#9b90ab` Copy	`oklch(0.67 0.040 303)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#7b718a` Copy	`oklch(0.57 0.040 303)` Copy	4.59:1 AA	4.58:1 AA
40	`#5f556d` Copy	`oklch(0.47 0.040 303)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#4a4257` Copy	`oklch(0.40 0.036 303)` Copy	9.5:1 AAA	2.21:1 fail
20	`#373040` Copy	`oklch(0.32 0.030 303)` Copy	12.7:1 AAA	1.65:1 fail
10	`#201c27` Copy	`oklch(0.24 0.022 303)` Copy	16.7:1 AAA	1.26:1 fail
05	`#141119` Copy	`oklch(0.18 0.016 303)` Copy	18.7:1 AAA	1.12:1 fail

#c5b4ff oklch(0.81 0.106 294)

Step	Hex	OKLCH	vs White	vs Black
Base	`#c5b4ff` Copy	`oklch(0.81 0.106 294)` Copy	1.85:1 fail	11.35:1 AAA
95	`#f3f0ff` Copy	`oklch(0.96 0.021 294)` Copy	1.12:1 fail	18.7:1 AAA
90	`#e7e2ff` Copy	`oklch(0.92 0.040 294)` Copy	1.26:1 fail	16.7:1 AAA
80	`#cec2fa` Copy	`oklch(0.84 0.079 294)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b4a5e8` Copy	`oklch(0.76 0.095 294)` Copy	2.21:1 fail	9.5:1 AAA
60	`#9c8ad2` Copy	`oklch(0.68 0.106 294)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#7c6bb0` Copy	`oklch(0.57 0.106 294)` Copy	4.59:1 AA	4.58:1 AA
40	`#604e91` Copy	`oklch(0.47 0.106 294)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#4c3c76` Copy	`oklch(0.40 0.095 294)` Copy	9.5:1 AAA	2.21:1 fail
20	`#382b59` Copy	`oklch(0.33 0.079 294)` Copy	12.7:1 AAA	1.65:1 fail
10	`#211938` Copy	`oklch(0.24 0.058 294)` Copy	16.7:1 AAA	1.26:1 fail
05	`#140f24` Copy	`oklch(0.19 0.042 294)` Copy	18.7:1 AAA	1.12:1 fail

Component Preview

Buttons

Accent

Neutral

Success

Warning

Danger

Callouts

Saved successfully

Unsaved changes

Cannot delete brand

Badges

Accent

Neutral

Success

Warning

Danger

← Key

Key →