Hazy Cobalt color palette — #EFF6FF · #94BAEF · #BEA343 · #4280D5 · #504104

Azure and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#94BAEF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Gold (#BEA343): A luminous, balanced green — the color of fresh herbs.
• Azure (#4280D5): A luminous, balanced blue — the color of open sky before noon.
• Deep Olive (#504104): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Muted Violet Delta color palette (#F2F5FF, #B7ADEF, #99B056, #8368DE, #3C490D)
• Soft Cerulean Study color palette (#ECF7FF, #84C1E1, #E28C64, #008CBD, #5F3623)
• Mustard Veranda color palette (#FFF0FE, #BDD5FF, #E0B454, #6189CF, #3C3831)
• Periwinkle Station color palette (#EFF6FF, #B0CDFF, #7ED2AB, #789EE2, #1B4D38)
• Patina Moss Orchard color palette (#F1F5FF, #96A0DB, #C98A2E, #958800, #2C3751)
• Hazy Grape color palette (#DAE4FF, #A2A5FF, #939100, #5407EC, #313000)
• Linen Emerald color palette (#FEF0FD, #70A0E9, #00A36C, #2D64B3, #1E4D37)
• Ancient Pewter Courtyard color palette (#F2F4FF, #AFCFA9, #766997, #463A63, #1F212C)

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