Hazy Coast color palette — #F3E9F2 · #73C0C5 · #0080A8 · #005D30 · #011D47

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Blush (#F3E9F2): bright and airy, almost weightless.
• Mint Leaf (#73C0C5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0080A8): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D30): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#011D47): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Cobalt Thicket color palette (#ECDDE3, #89B9D1, #3B72CB, #005A51, #20104C)
• Tempered Cerulean Alley color palette (#FFF2ED, #9AD9DC, #0086B0, #00552A, #000B24)
• Patina Boulevard color palette (#DDE6DF, #7AD0D7, #00A3C1, #007F6C, #002332)
• Denim Courtyard color palette (#F1E9DE, #69ABB1, #006275, #003F34, #002332)
• Cornflower Thicket color palette (#FFF1F7, #8BD5FF, #5A89E5, #00736B, #371D70)
• Hushed Lagoon Grove color palette (#FAF2F8, #CFE0F9, #77ABD2, #3C8C6E, #394863)
• Rose Bloom color palette (#FBE9FB, #E14659, #008398, #9C002B, #001F26)
• Airy Archive color palette (#FFE5E0, #C93A24, #007689, #26557B, #290200)

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