Hazy Cobalt color palette — #FDECF6 · #57CCF0 · #0073C9 · #005344 · #141042

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

The five colors

• Blush (#FDECF6): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#57CCF0): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0073C9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005344): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#141042): A deep, shadowed, balanced violet — the color of wild irises.

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

• Hushed Delta color palette (#FBEEF2, #7AC5F2, #255CFE, #00524E, #20014A)
• Quiet Forest color palette (#FAEDFB, #72CDCB, #007E9C, #005618, #001A36)
• Wandering Petrol Thicket color palette (#E9FBEC, #60C7E8, #0076A9, #005557, #003362)
• Soft Quarry color palette (#EBDFE5, #59A8C7, #0056A9, #003A31, #0A002D)
• Hazy Cornflower Lagoon color palette (#FFF2EA, #67DCFF, #0090F1, #00755E, #282B63)
• Washed Hollow color palette (#F7EFF2, #C4E0F8, #708AD0, #006D6A, #272A40)
• Powdered Byzantium Orchard color palette (#F2E1F0, #B900B7, #007375, #16546E, #1E001D)
• Patina Drift color palette (#F4E8F6, #4D9994, #005264, #032E04, #00040D)

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