Hazy Cerulean color palette — #FCEFE8 · #84E2E1 · #0092AC · #00663D · #00283E

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCEFE8): bright and airy, almost weightless.
• Ice Blue (#84E2E1): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#0092AC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00663D): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00283E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy Cerulean 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

• Weathered Cobalt Corridor color palette (#FAEFE9, #9CDBF2, #0089D7, #00635C, #102051)
• Aqua Alley color palette (#FFEEE6, #45D2D9, #007E9C, #00543A, #001C31)
• Wandering Atelier color palette (#FEF1FA, #81F0EF, #00ADCB, #2C8458, #004565)
• Hushed Turquoise color palette (#F7F0ED, #C9E3DF, #61A6C9, #407768, #412F42)
• Lagoon Studio color palette (#F6E5DB, #1E9D98, #00535F, #002E15, #00050A)
• Denim Lagoon color palette (#F8E9DF, #6EA5BC, #005B9A, #003937, #030131)
• Hazy Brick Summit color palette (#FFEDE8, #EB6872, #00959D, #AB0031, #002629)
• Crimson Boulevard color palette (#FFDADC, #E92659, #00877F, #006A92, #2F070F)

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