Look Awesome

Brand

#4a6c2d oklch(0.49 0.099 133)

Step	Hex	OKLCH	vs White	vs Black
Base	`#4a6c2d` Copy	`oklch(0.49 0.099 133)` Copy	6.04:1 AA	3.47:1 AA-lg
95	`#e7f7dc` Copy	`oklch(0.96 0.040 133)` Copy	1.12:1 fail	18.7:1 AAA
90	`#d6ecc7` Copy	`oklch(0.92 0.055 133)` Copy	1.26:1 fail	16.7:1 AAA
80	`#b5d2a0` Copy	`oklch(0.83 0.074 133)` Copy	1.65:1 fail	12.7:1 AAA
70	`#96b87e` Copy	`oklch(0.74 0.089 133)` Copy	2.21:1 fail	9.5:1 AAA
60	`#7ba05f` Copy	`oklch(0.66 0.099 133)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#5c7f40` Copy	`oklch(0.56 0.099 133)` Copy	4.59:1 AA	4.58:1 AA
40	`#416223` Copy	`oklch(0.46 0.099 133)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#304d15` Copy	`oklch(0.38 0.089 133)` Copy	9.5:1 AAA	2.21:1 fail
20	`#22390c` Copy	`oklch(0.31 0.074 133)` Copy	12.7:1 AAA	1.65:1 fail
10	`#122205` Copy	`oklch(0.23 0.055 133)` Copy	16.7:1 AAA	1.26:1 fail
05	`#0b1503` Copy	`oklch(0.18 0.040 133)` Copy	18.7:1 AAA	1.12:1 fail

Accent

#ff7c00 oklch(0.73 0.188 51)

Step	Hex	OKLCH	vs White	vs Black
Base	`#ff7c00` Copy	`oklch(0.73 0.188 51)` Copy	2.58:1 fail	8.14:1 AAA
95	`#ffefe5` Copy	`oklch(0.96 0.022 51)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffdfcd` Copy	`oklch(0.93 0.043 51)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ffba92` Copy	`oklch(0.84 0.097 51)` Copy	1.65:1 fail	12.7:1 AAA
70	`#ff934c` Copy	`oklch(0.76 0.156 51)` Copy	2.21:1 fail	9.5:1 AAA
60	`#ec7200` Copy	`oklch(0.68 0.178 51)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#bc5a00` Copy	`oklch(0.58 0.150 51)` Copy	4.59:1 AA	4.58:1 AA
40	`#904300` Copy	`oklch(0.48 0.123 51)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#733400` Copy	`oklch(0.40 0.104 51)` Copy	9.5:1 AAA	2.21:1 fail
20	`#552500` Copy	`oklch(0.33 0.085 51)` Copy	12.7:1 AAA	1.65:1 fail
10	`#361400` Copy	`oklch(0.24 0.063 51)` Copy	16.7:1 AAA	1.26:1 fail
05	`#240b00` Copy	`oklch(0.19 0.050 51)` Copy	18.7:1 AAA	1.12:1 fail

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

#c9d1c4 oklch(0.85 0.020 133)

Step	Hex	OKLCH	vs White	vs Black
Base	`#c9d1c4` Copy	`oklch(0.85 0.020 133)` Copy	1.57:1 fail	13.4:1 AAA
95	`#eff3ed` Copy	`oklch(0.96 0.008 133)` Copy	1.12:1 fail	18.7:1 AAA
90	`#e2e7df` Copy	`oklch(0.92 0.011 133)` Copy	1.26:1 fail	16.7:1 AAA
80	`#c5cbc1` Copy	`oklch(0.84 0.015 133)` Copy	1.65:1 fail	12.7:1 AAA
70	`#aab1a5` Copy	`oklch(0.75 0.018 133)` Copy	2.21:1 fail	9.5:1 AAA
60	`#90978b` Copy	`oklch(0.67 0.020 133)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#70786c` Copy	`oklch(0.56 0.020 133)` Copy	4.59:1 AA	4.58:1 AA
40	`#545b50` Copy	`oklch(0.46 0.020 133)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#42473e` Copy	`oklch(0.39 0.018 133)` Copy	9.5:1 AAA	2.21:1 fail
20	`#2f342c` Copy	`oklch(0.32 0.015 133)` Copy	12.7:1 AAA	1.65:1 fail
10	`#1c1f1a` Copy	`oklch(0.23 0.011 133)` Copy	16.7:1 AAA	1.26:1 fail
05	`#11130f` Copy	`oklch(0.18 0.008 133)` Copy	18.7:1 AAA	1.12:1 fail

Success

#267d33 oklch(0.52 0.137 146)

Step	Hex	OKLCH	vs White	vs Black
Base	`#267d33` Copy	`oklch(0.52 0.137 146)` Copy	5.17:1 AA	4.06:1 AA-lg
95	`#d9fada` Copy	`oklch(0.95 0.055 146)` Copy	1.12:1 fail	18.7:1 AAA
90	`#c4f1c5` Copy	`oklch(0.91 0.075 146)` Copy	1.26:1 fail	16.7:1 AAA
80	`#9ad89d` Copy	`oklch(0.82 0.103 146)` Copy	1.65:1 fail	12.7:1 AAA
70	`#75bf7a` Copy	`oklch(0.74 0.123 146)` Copy	2.21:1 fail	9.5:1 AAA
60	`#53a65b` Copy	`oklch(0.66 0.137 146)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#30863b` Copy	`oklch(0.55 0.137 146)` Copy	4.59:1 AA	4.58:1 AA
40	`#03681d` Copy	`oklch(0.45 0.137 146)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#005214` Copy	`oklch(0.38 0.117 146)` Copy	9.5:1 AAA	2.21:1 fail
20	`#003c0c` Copy	`oklch(0.31 0.096 146)` Copy	12.7:1 AAA	1.65:1 fail
10	`#002405` Copy	`oklch(0.23 0.070 146)` Copy	16.7:1 AAA	1.26:1 fail
05	`#001702` Copy	`oklch(0.18 0.055 146)` Copy	18.7:1 AAA	1.12:1 fail

Warning

#ffc824 oklch(0.86 0.169 88)

Step	Hex	OKLCH	vs White	vs Black
Base	`#ffc824` Copy	`oklch(0.86 0.169 88)` Copy	1.55:1 fail	13.54:1 AAA
95	`#fff1cf` Copy	`oklch(0.96 0.047 88)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffe39f` Copy	`oklch(0.92 0.090 88)` Copy	1.26:1 fail	16.7:1 AAA
80	`#edc461` Copy	`oklch(0.84 0.126 88)` Copy	1.65:1 fail	12.7:1 AAA
70	`#d8a80f` Copy	`oklch(0.75 0.152 88)` Copy	2.21:1 fail	9.5:1 AAA
60	`#b98f00` Copy	`oklch(0.67 0.137 88)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#937100` Copy	`oklch(0.56 0.116 88)` Copy	4.59:1 AA	4.58:1 AA
40	`#705500` Copy	`oklch(0.47 0.095 88)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#584300` Copy	`oklch(0.39 0.081 88)` Copy	9.5:1 AAA	2.21:1 fail
20	`#413000` Copy	`oklch(0.32 0.066 88)` Copy	12.7:1 AAA	1.65:1 fail
10	`#281c00` Copy	`oklch(0.24 0.048 88)` Copy	16.7:1 AAA	1.26:1 fail
05	`#1a1100` Copy	`oklch(0.18 0.038 88)` Copy	18.7:1 AAA	1.12:1 fail

Danger

#e03000 oklch(0.59 0.216 33)

Step	Hex	OKLCH	vs White	vs Black
Base	`#e03000` Copy	`oklch(0.59 0.216 33)` Copy	4.57:1 AA	4.59:1 AA
95	`#ffeeea` Copy	`oklch(0.96 0.019 33)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffded7` Copy	`oklch(0.93 0.038 33)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ffb8a8` Copy	`oklch(0.85 0.086 33)` Copy	1.65:1 fail	12.7:1 AAA
70	`#ff9078` Copy	`oklch(0.77 0.140 33)` Copy	2.21:1 fail	9.5:1 AAA
60	`#ff6040` Copy	`oklch(0.69 0.200 33)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#e03000` Copy	`oklch(0.59 0.216 33)` Copy	4.59:1 AA	4.58:1 AA
40	`#ad2200` Copy	`oklch(0.48 0.178 33)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#891900` Copy	`oklch(0.41 0.150 33)` Copy	9.5:1 AAA	2.21:1 fail
20	`#671000` Copy	`oklch(0.33 0.123 33)` Copy	12.7:1 AAA	1.65:1 fail
10	`#420700` Copy	`oklch(0.24 0.090 33)` Copy	16.7:1 AAA	1.26:1 fail
05	`#2d0300` Copy	`oklch(0.19 0.071 33)` 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

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