Hazy Cobalt color palette — #FAEDF8 · #9BDCE7 · #198CC4 · #006542 · #0D1F55

Cerulean takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FAEDF8): A whisper-light, dusty pink — the color of neon signs at night.
• Ice Blue (#9BDCE7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#198CC4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006542): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0D1F55): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Forest Thicket color palette (#F5F0F6, #BEE4EE, #5997AE, #217033, #182D45)
• Linen Meadow color palette (#FDECF8, #83C7D9, #0077BA, #00543E, #0D0851)
• Misty Veranda color palette (#FBEEF3, #B0D5F3, #597AE6, #006260, #2C1252)
• Cerulean Grove color palette (#ECF9EE, #89DEEB, #008DAF, #00675D, #004566)
• Airy Field color palette (#FFF2EC, #ACE7F0, #00A7EC, #00875A, #2D3E67)
• Timeworn Cerulean color palette (#F5E9F4, #4199A0, #00506E, #002E17, #000314)
• Ultramarine Corridor color palette (#E8DBDF, #77A2BF, #2D4BB8, #003938, #0F0028)
• Navy Chapel color palette (#F7EBF0, #5B7D97, #153283, #001F1D, #020008)

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