Garnet Pier color palette — #E9DBD3 · #874300 · #465400 · #70004A · #040100

Mulberry takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#E9DBD3): bright and airy, almost weightless.
• Bronze (#874300): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#465400): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#70004A): A deep, shadowed, balanced rose — the color of a warm blush.
• Black (#040100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Aged Grove color palette (#FCE9E5, #A41500, #5A4D00, #65006B, #060000)
• Gentle Garnet color palette (#F6ECCB, #6A5600, #005C3A, #770306, #020200)
• Aubergine Chapel color palette (#F0DFE3, #A20052, #6E4100, #4A0A92, #060001)
• Bronze Hollow color palette (#F8E6D9, #B15D00, #6D3800, #301400, #040100)
• Timeworn Terrace color palette (#FFEADE, #8E2E00, #4521A2, #430052, #050100)
• Cellar Grove color palette (#FAE8D4, #5A3600, #003C39, #00234B, #030100)
• Tempered Pier color palette (#FFE7D4, #CB9B65, #A18034, #833912, #130700)
• Softworn Loft color palette (#EDE1C6, #897300, #007D53, #A70903, #171100)

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