Hazy Canyon color palette — #CAEBFD · #0083E4 · #003FD6 · #200062 · #060010

A conversation between Cobalt and Azure, giving this palette its sense of trust and stability.

The five colors

• Frost (#CAEBFD): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#0083E4): A luminous, vivid blue — the color of open sky before noon.
• Cobalt (#003FD6): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#200062): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#060010): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

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

• Hazy Grape color palette (#D8E6F4, #3C7EFB, #531AC2, #2C004C, #0C000F)
• Kinetic Lapis Thicket color palette (#D7E9FF, #4287F5, #334AF8, #3200CA, #16004B)
• Twilit Orchard color palette (#D5E7FB, #0055B6, #1000B6, #0F0054, #040021)
• Dusty Navy color palette (#D9F0F5, #008AB6, #005994, #01067C, #030011)
• Aubergine Quarry color palette (#D5DFF3, #5F55D6, #5400A7, #20002A, #040003)
• Nightshade Orchard color palette (#E8EFFF, #6667F6, #856000, #3100A9, #020100)
• Lagoon Boulevard color palette (#D0F1EA, #00919A, #005665, #002235, #00030E)
• Faded Aubergine Hollow color palette (#E7F4FF, #7FB3FF, #6A68FF, #5F00B9, #3C0057)

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