Hazy Cobalt color palette — #EEF6FF · #2A7BCB · #963C2F · #474400 · #162F36

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Azure (#2A7BCB): A full-bodied, balanced blue — the color of deep harbor water.
• Burnt Sienna (#963C2F): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#474400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#162F36): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Patina Mulberry Ridge color palette (#EAF8FF, #008CA8, #883C56, #583804, #0C2D2E)
• Indigo Villa color palette (#F2F5FF, #7373CD, #854B00, #1B501F, #162C39)
• Worn Indigo Pier color palette (#EEF1FF, #7C69B3, #7E416E, #4D3C00, #001921)
• Antique Iris Canyon color palette (#E3FDE8, #7E8EF0, #7C5A8C, #5E4B21, #373C50)
• Petrol Chapel color palette (#F1F5FD, #DCD8E2, #C5BBC9, #607597, #424852)
• Lilac Boulevard color palette (#FFF1F5, #AD85D4, #AE5880, #6B6019, #152E21)
• Lapis Coast color palette (#E2ECFF, #4E28FF, #6D3400, #193300, #001921)
• Byzantium Coast color palette (#F4F4FF, #A419EB, #684E00, #004432, #10273D)

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