Hazy Coast color palette — #FFF0FA · #B7FDFF · #00ABCE · #00764F · #00273F
A conversation between Cyan and Pine, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Sea Foam (#B7FDFF): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00ABCE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#00764F): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#00273F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy Coast 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
- Frosted Azure Lagoon color palette (#FEF0F9, #D4D9F6, #00A5EA, #007464, #002154)
- Turquoise Thicket color palette (#F6F7E7, #9EE9EA, #00C1D0, #00998A, #003A44)
- Aged Delta color palette (#E3F7F3, #56D0D4, #00818D, #00524B, #001E25)
- Denim Canyon color palette (#F1E4EC, #67AEC4, #005A89, #002C27, #00000A)
- Weathered Drift color palette (#FAF3F8, #D5D4E2, #B3C1E4, #689F8E, #3A4F67)
- Antique Seafoam Courtyard color palette (#DDFFE8, #29F5A9, #00A054, #004C28, #000F04)
- Feathered Bloom color palette (#DFFFE1, #C2EAF1, #91DEFF, #968D00, #003520)
- Magenta Thicket color palette (#DFFFE1, #5FE070, #C659F9, #007823, #310044)
Browse the whole catalog at Explore, or see today's palette.