Hazy Cobalt Canyon color palette — #D3E8EE · #3FBBF1 · #2C88D1 · #3C549E · #321B6A

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D3E8EE): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#3FBBF1): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#2C88D1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#3C549E): A full-bodied, balanced violet — the color of wild irises.
• Royal Purple (#321B6A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Hazy Cobalt Canyon 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

• Antique Navy Grove color palette (#94F5F7, #00C9E8, #008CBA, #1E5C9D, #1F2677)
• Aubergine Market color palette (#D0E9FE, #88B4FF, #7374C9, #624592, #4D0F58)
• Linen Ultramarine Summit color palette (#D9E9F0, #0094DC, #1F55C8, #311792, #1B0038)
• Misty Turquoise Courtyard color palette (#D7F9DE, #00B2E2, #5273C5, #7E4232, #193347)
• Airy Corridor color palette (#9CF1EC, #7BCCE3, #44A8F6, #4E60DC, #42007E)
• Wandering Teal color palette (#A1F6CB, #00CBB7, #00979F, #005F77, #003652)
• Softworn Cobalt color palette (#D6E7F7, #0085D8, #334059, #16232F, #060F14)
• Glacier Market color palette (#EDF6FF, #4EEEFB, #6AC7FF, #7F88D5, #0D2E4C)

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