Hazy Pier color palette — #E3FCF3 · #96A962 · #AD71AA · #5C6F00 · #573455
Olive and Dusty Rose set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E3FCF3): A whisper-light, dusty teal — the color of sea glass.
- Moss (#96A962): A luminous, balanced green — the color of a quiet forest floor.
- Dusty Rose (#AD71AA): A luminous, balanced pink — the color of a candy shop window.
- Olive (#5C6F00): A full-bodied, balanced green — the color of fresh herbs.
- Mulberry (#573455): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, 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
- Worn Lagoon color palette (#E0FCFA, #72B088, #B9708A, #007A45, #623042)
- Olive Bloom color palette (#E3FCF1, #A2A652, #7285CB, #686B00, #354068)
- Misty Olive color palette (#F3F3E2, #8FAF7C, #A07BBF, #3E7500, #311D40)
- Gentle Cabin color palette (#E5FBF6, #A0C48A, #BD8FD9, #599229, #503560)
- Gentle Emerald Alley color palette (#DAFEF9, #529C59, #9367A5, #904470, #13403C)
- Hushed Courtyard color palette (#FFF1F6, #8EB197, #8E6A4E, #71433F, #28443A)
- Scarlet Lagoon color palette (#DFFBFF, #00AB93, #CF4B50, #006C5C, #671C20)
- Washed Powder color palette (#DEFDF5, #BAE3FA, #92CCE5, #907D52, #365656)
Browse the whole catalog at Explore, or see today's palette.