Garnet Pier color palette — #D1F3E9 · #364D00 · #690020 · #331000 · #030600

Oxblood takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D1F3E9): A whisper-light, dusty teal — the color of glacier melt.
• Deep Olive (#364D00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Oxblood (#690020): A deep, shadowed, balanced red — the color of a theater curtain.
• Onyx (#331000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#030600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Depth, Luxury. Tagged dark, 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

• Cocoa Studio color palette (#D1F6FF, #004F4A, #5C2200, #331000, #000201)
• Shadow Aubergine Loft color palette (#E4E3FF, #66008A, #621800, #2C1700, #050018)
• Washed Harbor color palette (#DFF3E0, #006F71, #9D0515, #6A0109, #000606)
• Twilit Navy color palette (#CFE6E9, #005045, #002193, #221D00, #000605)
• Frosted Loft color palette (#ECE4F9, #8C0075, #663400, #322700, #1D0117)
• Velvet Aubergine color palette (#CAE6FD, #00496D, #590061, #3A0021, #00050C)
• Frosted Grape color palette (#DBDBF5, #7F37B4, #9B1300, #532D00, #221130)
• Aubergine Orchard color palette (#EAEFFF, #3B008A, #4C001A, #210900, #030200)

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