Hazy Cobalt Coast color palette — #F9F1E4 · #8FDDF7 · #008DC6 · #006263 · #002649

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

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Ice Blue (#8FDDF7): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#008DC6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006263): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#002649): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Cobalt Harbor color palette (#FDF0DD, #65C9F1, #0078B7, #005156, #00183D)
• Cobalt Canyon color palette (#FFF0F9, #9CD9ED, #1986C8, #00675E, #273D6F)
• Washed Cerulean color palette (#F6F1EA, #C5E6CC, #3E9BB5, #1D6C60, #0D3428)
• Weathered Cerulean color palette (#ECE2D3, #2E98B0, #00506D, #002C2A, #00050D)
• Muted Azure color palette (#E7FAF8, #A5E6FD, #00AAE0, #00808E, #004566)
• Navy Archive color palette (#F1E6D4, #4D7CAA, #0E308A, #001E28, #01000B)
• Clover Grove color palette (#D7E8C9, #24B923, #00874D, #005845, #00302C)
• Timeworn Teal color palette (#C9FFF3, #00C7AE, #007D69, #004035, #00120E)

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