Hazy Cobalt Garden color palette — #FFF0F9 · #8AC1D6 · #0073B8 · #005651 · #182B6F

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sky (#8AC1D6): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0073B8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Navy (#182B6F): 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 Garden 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

• Softworn Petrol color palette (#FEF0FA, #7AC7C6, #007B91, #005936, #003753)
• Dusty Petrol Thicket color palette (#F0F4E5, #68CAED, #007CA8, #00505B, #001C2F)
• Feathered Canyon color palette (#E2FBF8, #8FD7F1, #0099CC, #00707E, #003753)
• Tempered Denim color palette (#EADDE4, #81A4BB, #06589C, #003E3D, #12174B)
• Timeworn Workshop color palette (#FAF3F6, #CBDFF0, #6E8ABC, #007078, #434369)
• Sky Lagoon color palette (#FFF2EA, #9FE6FF, #4CB3FF, #00998E, #162C6D)
• Softworn Abyss color palette (#F6E6F0, #619B99, #005361, #003219, #001623)
• Pale Villa color palette (#DBFFEE, #90E7EC, #4FACFF, #367600, #003F3B)

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