Hazy Pier color palette — #D8E3C9 · #4CE0A8 · #DB559C · #009A6D · #4E0030
A conversation between Hot Pink and Aqua, giving this palette its sense of balance.
The five colors
- Celadon Mist (#D8E3C9): A whisper-light, dusty green — the color of new leaves after rain.
- Aqua (#4CE0A8): A luminous, balanced teal — the color of sea glass.
- Hot Pink (#DB559C): A luminous, vivid rose — the color of pressed rose petals.
- Fern (#009A6D): A luminous, balanced teal — the color of sea glass.
- Mulberry (#4E0030): A deep, shadowed, balanced rose — the color of strawberry cream.
Feels like: Balance. Tagged warm.
Use it as a design system
One click turns Hazy 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
- Linen Thicket color palette (#DCE2C6, #7CDC8E, #DE6FDF, #008635, #430C44)
- Dusty Orchard color palette (#E5F4DE, #6ED4C0, #F884BB, #00A893, #561E3B)
- Linen Lantern color palette (#CEE6CE, #00C7C8, #F6716D, #009595, #50080D)
- Sunlit Rose Dune color palette (#E3F5DF, #00B4A8, #EA4E6F, #008279, #39000F)
- Feathered Fuchsia Corridor color palette (#E5DEC7, #B6B455, #DD80F2, #7F7C00, #42044F)
- Gentle Ridge color palette (#D9EFD2, #00B7A7, #CC6AC7, #E8376A, #002621)
- Plum Orchard color palette (#CEF7F9, #009574, #A6388D, #005440, #26001E)
- Tempered Ember color palette (#CBEFD9, #5ADCFE, #E86819, #0097B6, #4E1C00)
Browse the whole catalog at Explore, or see today's palette.