Hazy Cobalt color palette — #CCEBF6 · #007CAE · #004677 · #001D4E · #05002B

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

The five colors

• Frost (#CCEBF6): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#007CAE): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004677): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001D4E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#05002B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Chalky Navy Grove color palette (#D0E5E4, #0089AB, #00497A, #1D0083, #1F0053)
• Cypress Coast color palette (#CCF7F2, #00787C, #00505C, #002C3C, #000F1D)
• Tempered Corridor color palette (#C3E4FB, #006AC4, #1529A8, #1A006E, #0D0029)
• Patina Bloom color palette (#D1E4E4, #00A8D4, #0066AC, #1A2693, #140031)
• Feathered Terrace color palette (#CFE2ED, #6BB0E5, #4C76BF, #3B4A89, #242349)
• Hazy Sapphire color palette (#F2DCF4, #176BC1, #7D4B00, #00356B, #0F0500)
• Faded Orchard color palette (#E2EEFF, #A0A3E7, #AC77B6, #004A68, #080627)
• Aubergine Pier color palette (#E2E9FA, #6559D1, #520BAC, #390054, #1A0020)

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