Garnet Pier color palette — #F3DAEF · #9C0019 · #474600 · #33105A · #220002

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

The five colors

• Thistle (#F3DAEF): A whisper-light, dusty pink — the color of a candy shop window.
• Garnet (#9C0019): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#474600): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#33105A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#220002): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, 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

• Hushed Onyx Ridge color palette (#FBEAF2, #803B00, #274F00, #470046, #1A0700)
• Mulberry Meadow color palette (#ECD9E2, #910065, #5E3900, #0A1B6B, #1E0113)
• Mulberry Harbor color palette (#F8E0F7, #9B002A, #005136, #002C3C, #060006)
• Cocoa Workshop color palette (#EDE1E7, #C6B3BA, #7C967B, #6C3204, #2B1922)
• Aubergine Loft color palette (#FFDDC8, #A14D00, #3D6600, #680060, #351500)
• Twilit Spruce Balcony color palette (#FFE8EF, #673D00, #00390A, #00201B, #12010F)
• Aged Brick Basin color palette (#FFDED3, #C72241, #007259, #004A5E, #210104)
• Deep Station color palette (#DCE7DB, #4E3000, #00341A, #290016, #000300)

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