Garnet Pier color palette — #E1F2FF · #006083 · #66003D · #202100 · #001709

Built around Mulberry, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Frost (#E1F2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006083): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#66003D): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Onyx (#202100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001709): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Faded Ultramarine Grove color palette (#E0EDFF, #0148C9, #6C0206, #00270D, #00100D)
• Moonless Drift color palette (#CFE4DE, #005B9A, #480080, #00210F, #000405)
• Pale Meadow color palette (#DBDFEE, #5E38B2, #512C00, #162400, #00170D)
• Wandering Meadow color palette (#E4F4E4, #847D27, #304F00, #262855, #1E1B00)
• Antique Drift color palette (#ECE2E8, #6BACA7, #006270, #00411F, #002333)
• Antique Iris color palette (#CBE9FF, #7F78B8, #794D69, #224218, #002B20)
• Timeworn Canyon color palette (#EEEBFF, #9B50AF, #990046, #532300, #161100)
• Tempered Amethyst color palette (#DFE7FF, #6B43F0, #743A00, #003F0D, #002723)

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