Hazy Seafoam Pier color palette — #F1FADD · #F5FF97 · #64F5C0 · #39B7E1 · #002722
A conversation between Lagoon and Butter, giving this palette its sense of nature and growth.
The five colors
- Custard (#F1FADD): A whisper-light, dusty green — the color of a quiet forest floor.
- Butter (#F5FF97): A whisper-light, balanced green — the color of new leaves after rain.
- Lagoon (#64F5C0): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#39B7E1): A luminous, balanced blue — the color of open sky before noon.
- Onyx (#002722): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Softness. Tagged candy, vibrant, light, cool.
Use it as a design system
One click turns Hazy Seafoam 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
- Sunlit Chartreuse Drift color palette (#F3F9DA, #B4E4C9, #9CEC85, #31C8D4, #002C1F)
- Hazy Basin color palette (#F3F8E4, #FFDC80, #83EBAE, #29BFF9, #003E3A)
- Pale Seafoam Summit color palette (#EAFBE8, #BBEEE0, #00F0E2, #7BAAEB, #012414)
- Muted Seafoam Villa color palette (#DDFFE8, #00E6CC, #00A8A7, #006A80, #003249)
- Washed Periwinkle Bloom color palette (#DFFEE9, #B8E5E0, #C1B6AD, #89A7FA, #00261B)
- Wandering Powder color palette (#EFF9E9, #A4EFEA, #CECED9, #8EC3F5, #223F29)
- Ancient Courtyard color palette (#E4FFD6, #9BE5D5, #73A3BA, #806258, #51342B)
- Hushed Basin color palette (#FAF5E3, #AFDFA8, #399E7D, #65635C, #282A0D)
Browse the whole catalog at Explore, or see today's palette.