Garnet Pier color palette — #F0DEE7 · #A87B5C · #82401B · #5A1500 · #190A00

Espresso takes the lead with Bronze close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F0DEE7): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#A87B5C): A luminous, dusty gold — the color of old brass.
• Bronze (#82401B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#5A1500): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#190A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Garnet Pier into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Antique Atelier color palette (#DCE7DD, #988455, #714D00, #472900, #001307)
• Tempered Garnet color palette (#FFF0F9, #D5A97C, #A86140, #76282E, #191100)
• Dusty Cocoa color palette (#FFE0EA, #8A6C3E, #603A00, #371A00, #080500)
• Softworn Chestnut color palette (#F9EEF5, #D0B1C0, #A37766, #7A493F, #38262E)
• Muted Cocoa color palette (#E8F6E9, #94B59C, #8C7042, #6A4204, #12281B)
• Weathered Chestnut Harbor color palette (#D4F2F6, #007567, #7A4700, #3E3700, #000A08)
• Emerald Loft color palette (#E3F2FB, #619F63, #003F51, #00151D, #000204)
• Quiet Workshop color palette (#E1E5FF, #8A7BD2, #63389C, #440061, #1F0026)

Browse the whole catalog at Explore, or see today's palette.