Hazy Cobalt color palette — #FFF0F9 · #7EC3D9 · #0071BD · #005845 · #262670

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sky (#7EC3D9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#0071BD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#005845): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#262670): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Quiet Summit color palette (#FFF1F6, #90BCEA, #5C5DCC, #00555B, #431C60)
• Pale Forest color palette (#FBF2FC, #66CBC8, #007A96, #005B15, #00345E)
• Petrol Courtyard color palette (#F9F1E3, #64CBE9, #007BAB, #005152, #001B35)
• Dusty Denim color palette (#F3E5ED, #69A9C2, #0056A4, #003F35, #1B1050)
• Softworn Veranda color palette (#ECF9EF, #84D9F3, #0097D2, #007272, #00345F)
• Ancient Cypress Lantern color palette (#FAF3F6, #C5E0F6, #7289BD, #00716C, #494166)
• Timeworn Ember color palette (#FED8ED, #D35B00, #007C99, #803400, #003441)
• Aged Bronze color palette (#F5E6D8, #A06000, #007082, #235074, #361D00)

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