Hazy Cobalt color palette — #EDF6FF · #0083D2 · #7D4D00 · #583800 · #323300

A conversation between Azure and Bronze, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Azure (#0083D2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#7D4D00): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#583800): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#323300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Weathered Indigo color palette (#F0F5FF, #546DF4, #6D5700, #3F4400, #003520)
• Mulberry Villa color palette (#D8FBF2, #3786D1, #9D0C77, #4E3200, #001E14)
• Feathered Coast color palette (#EEF6FF, #379FFE, #C23494, #724D00, #003A2D)
• Washed Bloom color palette (#E6F9FF, #008F95, #A21C33, #613100, #362800)
• Timeworn Terracotta Delta color palette (#ECF7FF, #0089B7, #9F2A00, #004A49, #00303E)
• Ultramarine Villa color palette (#D0E1FB, #294EB1, #443400, #1A2300, #001109)
• Powdered Mulberry Hollow color palette (#DBFDFF, #009373, #8C2A7F, #394600, #013416)
• Timeworn Powder Lantern color palette (#B8F6F2, #7EB7E8, #75769D, #3F653B, #004F3F)

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