Hazy Cobalt color palette — #F3ECE0 · #7BB9DA · #3388CE · #006B76 · #000C3F

Cerulean and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F3ECE0): a clean, paper-quiet neutral.
• Sky (#7BB9DA): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#3388CE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006B76): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#000C3F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Patina Cerulean color palette (#EAE2D5, #7DBCC3, #0092AF, #006E5F, #001623)
• Iris Villa color palette (#E7DFD3, #A1C4E7, #608EF0, #007897, #181746)
• Soft Lantern color palette (#F3E5DA, #69ABCC, #2862BF, #004B43, #160040)
• Aged Coast color palette (#E5F0E7, #4594BA, #004C7F, #002B30, #000218)
• Gentle Study color palette (#F5EDE1, #A7DCF4, #51ADED, #009098, #0F2D56)
• Wandering Ultramarine Meadow color palette (#FAE8F1, #8DBEDA, #3462BC, #003E39, #030010)
• Cobalt Meadow color palette (#F2ECFA, #E5A1E0, #DA84A2, #636FBB, #220A2D)
• Gentle Orchid Loft color palette (#E6DBF9, #9A4EE6, #A86100, #00776B, #0D001D)

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