Look Awesome

BrandNantucket Red

#b87878 oklch(0.64 0.081 20)

Step	Hex	OKLCH	vs White	vs Black
Base	`#b87878` Copy	`oklch(0.64 0.081 20)` Copy	3.5:1 AA-lg	6.0:1 AA
95	`#ffeeed` Copy	`oklch(0.96 0.019 20)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffdedd` Copy	`oklch(0.93 0.037 20)` Copy	1.26:1 fail	16.7:1 AAA
80	`#f1bdbc` Copy	`oklch(0.84 0.060 20)` Copy	1.65:1 fail	12.7:1 AAA
70	`#dc9f9f` Copy	`oklch(0.76 0.073 20)` Copy	2.21:1 fail	9.5:1 AAA
60	`#c58484` Copy	`oklch(0.68 0.081 20)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#a36565` Copy	`oklch(0.57 0.081 20)` Copy	4.59:1 AA	4.58:1 AA
40	`#834849` Copy	`oklch(0.47 0.081 20)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#6a3738` Copy	`oklch(0.40 0.073 20)` Copy	9.5:1 AAA	2.21:1 fail
20	`#4f2728` Copy	`oklch(0.33 0.060 20)` Copy	12.7:1 AAA	1.65:1 fail
10	`#311616` Copy	`oklch(0.24 0.044 20)` Copy	16.7:1 AAA	1.26:1 fail
05	`#200d0d` Copy	`oklch(0.19 0.032 20)` Copy	18.7:1 AAA	1.12:1 fail

AccentNantucket Blue

#6b8fa8 oklch(0.63 0.055 239)

Step	Hex	OKLCH	vs White	vs Black
Base	`#6b8fa8` Copy	`oklch(0.63 0.055 239)` Copy	3.43:1 AA-lg	6.12:1 AA
95	`#e5f4ff` Copy	`oklch(0.96 0.022 239)` Copy	1.12:1 fail	18.7:1 AAA
90	`#d3e8f7` Copy	`oklch(0.92 0.030 239)` Copy	1.26:1 fail	16.7:1 AAA
80	`#b1cde1` Copy	`oklch(0.83 0.041 239)` Copy	1.65:1 fail	12.7:1 AAA
70	`#92b3ca` Copy	`oklch(0.75 0.050 239)` Copy	2.21:1 fail	9.5:1 AAA
60	`#759ab3` Copy	`oklch(0.67 0.055 239)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#567a92` Copy	`oklch(0.56 0.055 239)` Copy	4.59:1 AA	4.58:1 AA
40	`#3b5d74` Copy	`oklch(0.46 0.055 239)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#2b495d` Copy	`oklch(0.39 0.050 239)` Copy	9.5:1 AAA	2.21:1 fail
20	`#1d3545` Copy	`oklch(0.32 0.041 239)` Copy	12.7:1 AAA	1.65:1 fail
10	`#0f202a` Copy	`oklch(0.23 0.030 239)` Copy	16.7:1 AAA	1.26:1 fail
05	`#09131b` Copy	`oklch(0.18 0.022 239)` Copy	18.7:1 AAA	1.12:1 fail

NeutralMain Street Yellow `0.032` Caps OKLCH Chroma (Saturation). Lower = Grayer.

#d4c4a0 oklch(0.82 0.051 87)

Step	Hex	OKLCH	vs White	vs Black
Base	`#d4c4a0` Copy	`oklch(0.82 0.051 87)` Copy	1.72:1 fail	12.2:1 AAA
95	`#f5f1e8` Copy	`oklch(0.96 0.013 87)` Copy	1.12:1 fail	18.7:1 AAA
90	`#eae5d8` Copy	`oklch(0.92 0.018 87)` Copy	1.26:1 fail	16.7:1 AAA
80	`#d0c9b8` Copy	`oklch(0.84 0.024 87)` Copy	1.65:1 fail	12.7:1 AAA
70	`#b6ae9a` Copy	`oklch(0.75 0.029 87)` Copy	2.21:1 fail	9.5:1 AAA
60	`#9e947f` Copy	`oklch(0.67 0.032 87)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#7e7560` Copy	`oklch(0.56 0.032 87)` Copy	4.59:1 AA	4.58:1 AA
40	`#615845` Copy	`oklch(0.46 0.032 87)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#4c4534` Copy	`oklch(0.39 0.029 87)` Copy	9.5:1 AAA	2.21:1 fail
20	`#383225` Copy	`oklch(0.32 0.024 87)` Copy	12.7:1 AAA	1.65:1 fail
10	`#221d14` Copy	`oklch(0.23 0.018 87)` Copy	16.7:1 AAA	1.26:1 fail
05	`#15120c` Copy	`oklch(0.18 0.013 87)` Copy	18.7:1 AAA	1.12:1 fail

SuccessEssex Green

#3d5442 oklch(0.42 0.041 151)

Step	Hex	OKLCH	vs White	vs Black
Base	`#3d5442` Copy	`oklch(0.42 0.041 151)` Copy	8.25:1 AAA	2.55:1 fail
95	`#eaf5ec` Copy	`oklch(0.96 0.016 151)` Copy	1.12:1 fail	18.7:1 AAA
90	`#dae9dd` Copy	`oklch(0.92 0.022 151)` Copy	1.26:1 fail	16.7:1 AAA
80	`#bbcebe` Copy	`oklch(0.83 0.031 151)` Copy	1.65:1 fail	12.7:1 AAA
70	`#9db4a2` Copy	`oklch(0.75 0.037 151)` Copy	2.21:1 fail	9.5:1 AAA
60	`#829b87` Copy	`oklch(0.66 0.041 151)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#637b68` Copy	`oklch(0.56 0.041 151)` Copy	4.59:1 AA	4.58:1 AA
40	`#475f4c` Copy	`oklch(0.46 0.041 151)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#364a3b` Copy	`oklch(0.39 0.037 151)` Copy	9.5:1 AAA	2.21:1 fail
20	`#26362a` Copy	`oklch(0.32 0.031 151)` Copy	12.7:1 AAA	1.65:1 fail
10	`#162018` Copy	`oklch(0.23 0.022 151)` Copy	16.7:1 AAA	1.26:1 fail
05	`#0d140e` Copy	`oklch(0.18 0.016 151)` Copy	18.7:1 AAA	1.12:1 fail

WarningQuaker Gray

#8b7b6b oklch(0.59 0.031 67)

Step	Hex	OKLCH	vs White	vs Black
Base	`#8b7b6b` Copy	`oklch(0.59 0.031 67)` Copy	4.08:1 AA-lg	5.14:1 AA
95	`#f8f1e9` Copy	`oklch(0.96 0.012 67)` Copy	1.12:1 fail	18.7:1 AAA
90	`#eee4da` Copy	`oklch(0.92 0.017 67)` Copy	1.26:1 fail	16.7:1 AAA
80	`#d4c7ba` Copy	`oklch(0.84 0.023 67)` Copy	1.65:1 fail	12.7:1 AAA
70	`#bbac9d` Copy	`oklch(0.75 0.028 67)` Copy	2.21:1 fail	9.5:1 AAA
60	`#a39282` Copy	`oklch(0.67 0.031 67)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#837363` Copy	`oklch(0.56 0.031 67)` Copy	4.59:1 AA	4.58:1 AA
40	`#665747` Copy	`oklch(0.47 0.031 67)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#504336` Copy	`oklch(0.39 0.028 67)` Copy	9.5:1 AAA	2.21:1 fail
20	`#3b3127` Copy	`oklch(0.32 0.023 67)` Copy	12.7:1 AAA	1.65:1 fail
10	`#241d16` Copy	`oklch(0.24 0.017 67)` Copy	16.7:1 AAA	1.26:1 fail
05	`#16110d` Copy	`oklch(0.18 0.012 67)` Copy	18.7:1 AAA	1.12:1 fail

DangerCottage Red

#8b4545 oklch(0.48 0.095 21)

Step	Hex	OKLCH	vs White	vs Black
Base	`#8b4545` Copy	`oklch(0.48 0.095 21)` Copy	6.92:1 AA	3.03:1 AA-lg
95	`#ffeeed` Copy	`oklch(0.96 0.019 21)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffdedc` Copy	`oklch(0.93 0.037 21)` Copy	1.26:1 fail	16.7:1 AAA
80	`#f8bab8` Copy	`oklch(0.84 0.072 21)` Copy	1.65:1 fail	12.7:1 AAA
70	`#e39c9a` Copy	`oklch(0.76 0.086 21)` Copy	2.21:1 fail	9.5:1 AAA
60	`#cd807f` Copy	`oklch(0.68 0.096 21)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#aa6160` Copy	`oklch(0.58 0.096 21)` Copy	4.59:1 AA	4.58:1 AA
40	`#8a4444` Copy	`oklch(0.48 0.096 21)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#703334` Copy	`oklch(0.40 0.086 21)` Copy	9.5:1 AAA	2.21:1 fail
20	`#542424` Copy	`oklch(0.33 0.072 21)` Copy	12.7:1 AAA	1.65:1 fail
10	`#341414` Copy	`oklch(0.24 0.052 21)` Copy	16.7:1 AAA	1.26:1 fail
05	`#220c0c` Copy	`oklch(0.19 0.038 21)` Copy	18.7:1 AAA	1.12:1 fail

Cobblestone

#8b8b7a oklch(0.63 0.025 107)

Step	Hex	OKLCH	vs White	vs Black
Base	`#8b8b7a` Copy	`oklch(0.63 0.025 107)` Copy	3.46:1 AA-lg	6.07:1 AA
95	`#f2f2eb` Copy	`oklch(0.96 0.010 107)` Copy	1.12:1 fail	18.7:1 AAA
90	`#e6e6dc` Copy	`oklch(0.92 0.014 107)` Copy	1.26:1 fail	16.7:1 AAA
80	`#cacabd` Copy	`oklch(0.84 0.018 107)` Copy	1.65:1 fail	12.7:1 AAA
70	`#afafa0` Copy	`oklch(0.75 0.022 107)` Copy	2.21:1 fail	9.5:1 AAA
60	`#969685` Copy	`oklch(0.67 0.025 107)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#767666` Copy	`oklch(0.56 0.025 107)` Copy	4.59:1 AA	4.58:1 AA
40	`#5a5a4a` Copy	`oklch(0.46 0.025 107)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#474639` Copy	`oklch(0.39 0.022 107)` Copy	9.5:1 AAA	2.21:1 fail
20	`#333328` Copy	`oklch(0.32 0.018 107)` Copy	12.7:1 AAA	1.65:1 fail
10	`#1e1e17` Copy	`oklch(0.23 0.014 107)` Copy	16.7:1 AAA	1.26:1 fail
05	`#13130e` Copy	`oklch(0.18 0.010 107)` Copy	18.7:1 AAA	1.12:1 fail

Newport Blue

#7b9db8 oklch(0.68 0.055 243)

Step	Hex	OKLCH	vs White	vs Black
Base	`#7b9db8` Copy	`oklch(0.68 0.055 243)` Copy	2.85:1 fail	7.36:1 AAA
95	`#e6f4ff` Copy	`oklch(0.96 0.022 243)` Copy	1.12:1 fail	18.7:1 AAA
90	`#d4e8f8` Copy	`oklch(0.92 0.030 243)` Copy	1.26:1 fail	16.7:1 AAA
80	`#b2cde2` Copy	`oklch(0.84 0.041 243)` Copy	1.65:1 fail	12.7:1 AAA
70	`#93b2cb` Copy	`oklch(0.75 0.050 243)` Copy	2.21:1 fail	9.5:1 AAA
60	`#7799b4` Copy	`oklch(0.67 0.055 243)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#587993` Copy	`oklch(0.56 0.055 243)` Copy	4.59:1 AA	4.58:1 AA
40	`#3d5c75` Copy	`oklch(0.46 0.055 243)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#2d485e` Copy	`oklch(0.39 0.050 243)` Copy	9.5:1 AAA	2.21:1 fail
20	`#1f3546` Copy	`oklch(0.32 0.041 243)` Copy	12.7:1 AAA	1.65:1 fail
10	`#101f2b` Copy	`oklch(0.23 0.030 243)` Copy	16.7:1 AAA	1.26:1 fail
05	`#09131b` Copy	`oklch(0.18 0.022 243)` Copy	18.7:1 AAA	1.12:1 fail

Hamilton Blue

#4a6b8a oklch(0.52 0.062 248)

Step	Hex	OKLCH	vs White	vs Black
Base	`#4a6b8a` Copy	`oklch(0.52 0.062 248)` Copy	5.58:1 AA	3.76:1 AA-lg
95	`#e7f3ff` Copy	`oklch(0.96 0.021 248)` Copy	1.12:1 fail	18.7:1 AAA
90	`#d4e8fb` Copy	`oklch(0.92 0.034 248)` Copy	1.26:1 fail	16.7:1 AAA
80	`#b1cce7` Copy	`oklch(0.84 0.047 248)` Copy	1.65:1 fail	12.7:1 AAA
70	`#92b2d0` Copy	`oklch(0.75 0.056 248)` Copy	2.21:1 fail	9.5:1 AAA
60	`#7699ba` Copy	`oklch(0.67 0.062 248)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#577998` Copy	`oklch(0.56 0.062 248)` Copy	4.59:1 AA	4.58:1 AA
40	`#3b5c7a` Copy	`oklch(0.46 0.062 248)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#2c4862` Copy	`oklch(0.39 0.056 248)` Copy	9.5:1 AAA	2.21:1 fail
20	`#1e3549` Copy	`oklch(0.32 0.047 248)` Copy	12.7:1 AAA	1.65:1 fail
10	`#101f2d` Copy	`oklch(0.23 0.034 248)` Copy	16.7:1 AAA	1.26:1 fail
05	`#09131d` Copy	`oklch(0.18 0.025 248)` Copy	18.7:1 AAA	1.12:1 fail

Component Preview

Buttons

Brand

Accent

Neutral

Success

Warning

Danger

Named Buttons

Hamilton Blue

Nantucket Blue

Newport Blue

Essex Green

Cobblestone

Main Street Yellow

Cottage Red

Nantucket Red

Quaker Gray

Callouts

Saved successfully

Unsaved changes

Cannot delete brand

Badges

Brand

Accent

Neutral

Success

Warning

Danger

Named Badges

Hamilton Blue

Nantucket Blue

Newport Blue

Essex Green

Cobblestone

Main Street Yellow

Cottage Red

Nantucket Red

Quaker Gray

Progress & Controls

Notifications

← Key

Key →

BrandNantucket Red

Brand

AccentNantucket Blue

Accent

NeutralMain Street Yellow `0.032` Caps OKLCH Chroma (Saturation). Lower = Grayer.

Neutral

SuccessEssex Green

Success

WarningQuaker Gray

Warning

DangerCottage Red

Danger

Cobblestone

Unassigned

Newport Blue

Unassigned

Hamilton Blue

Unassigned

Brand · Nantucket Red

Brand

Accent · Nantucket Blue

Accent

Neutral · Main Street Yellow · 0.032 Caps OKLCH Chroma (Saturation). Lower = Grayer.

Neutral

Success · Essex Green

Success

Warning · Quaker Gray

Warning

Danger · Cottage Red

Danger

Cobblestone

Unassigned

Newport Blue

Unassigned

Hamilton Blue

Unassigned

BrandNantucket Red

AccentNantucket Blue

NeutralMain Street Yellow `0.032` Caps OKLCH Chroma (Saturation). Lower = Grayer.

SuccessEssex Green

WarningQuaker Gray

DangerCottage Red