Hazy Cobalt color palette — #EFF5E2 · #86C4E8 · #0078B9 · #004F62 · #001A36

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#EFF5E2): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#86C4E8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0078B9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004F62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001A36): 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 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

• Hushed Cobalt Dune color palette (#F1F3E9, #AAD2C0, #2085B9, #005969, #00271F)
• Faded Sapphire Meadow color palette (#FFF1F7, #6BC3F1, #006BD0, #005557, #282B63)
• Pale Azure Quarry color palette (#E6FAF9, #8CD5FF, #0094E2, #006F88, #003360)
• Wandering Archive color palette (#E2E5DB, #69A3CD, #005A9C, #003749, #000921)
• Hushed Coast color palette (#E0E1D6, #378687, #00444A, #00201B, #000202)
• Antique Lagoon Basin color palette (#F2F2EA, #CEE3CC, #00A1A7, #006E5D, #173320)
• Tempered Olive color palette (#E4F4E0, #2F8800, #00727C, #714800, #031300)
• Airy Archive color palette (#F0ECDB, #9A8F00, #646900, #384200, #131D00)

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