Hazy Cobalt color palette — #DFF9F1 · #2F7CB8 · #744900 · #433B00 · #062F12

Cerulean takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DFF9F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2F7CB8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#744900): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#433B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#062F12): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Faded Terracotta color palette (#E6F7EE, #0083A8, #8D3213, #00462B, #002C2A)
• Plum Orchard color palette (#FBEDFA, #7395D3, #AF4972, #604E00, #003330)
• Feathered Dune color palette (#E3EEFF, #4F79C9, #833461, #482D00, #001A0D)
• Quiet Olive color palette (#F1F4E1, #438A3D, #5D438B, #473900, #0E2E10)
• Airy Indigo Garden color palette (#FFF0F8, #796BD3, #655B00, #004856, #112C44)
• Airy Amethyst Harbor color palette (#FFDCF0, #6946EE, #584C00, #003E17, #00251F)
• Washed Fern color palette (#D7E9DE, #C1A2B9, #977172, #5E5803, #1C4C35)
• Fern Dune color palette (#FEF1F6, #9E8DC5, #6A7741, #2F5F45, #384A00)

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