Garnet Pier color palette — #F1DAF4 · #004587 · #62001F · #400012 · #000300

Mulberry and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Thistle (#F1DAF4): A whisper-light, dusty pink — the color of peonies in June.
• Navy (#004587): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#62001F): A deep, shadowed, balanced red — the color of a theater curtain.
• Espresso (#400012): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Depth, Luxury. Tagged jewel, vibrant, dark.

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

• Onyx Station color palette (#F1DDF3, #004E8E, #540046, #1C1C00, #000206)
• Shadow Navy color palette (#EDDCEE, #00428D, #0A188A, #2F0029, #010200)
• Inked Ridge color palette (#F5E6EF, #432BAE, #410076, #36000D, #000201)
• Nocturne Garnet color palette (#CEE8D6, #006373, #6E0302, #1C1C00, #020200)
• Shadow Corridor color palette (#DFF1FD, #002F3B, #360016, #130800, #000201)
• Navy Meadow color palette (#D3F1DE, #004F5E, #002097, #290F00, #000203)
• Timeworn Ridge color palette (#ECEADB, #00707D, #3C1699, #252000, #000408)
• Nightshade Veranda color palette (#D1EBE9, #007998, #063BA9, #2B0055, #070006)

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