Hazy Azure Canyon color palette — #E8DDD8 · #84CDDB · #009CE2 · #008159 · #0F1B44

Cornflower and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E8DDD8): bright and airy, almost weightless.
• Sky (#84CDDB): A luminous, dusty blue — the color of open sky before noon.
• Cornflower (#009CE2): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008159): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#0F1B44): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Cornflower Dune color palette (#F6EEE6, #93C7EA, #5D8AFF, #007D78, #231343)
• Antique Petrol color palette (#DDE6DF, #7FBDC9, #0080A5, #005A54, #002238)
• Cerulean Pier color palette (#FBF4EA, #6ADFF5, #0086AD, #00524C, #000E1B)
• Tempered Periwinkle Station color palette (#FFF3E6, #B7DFFF, #8CA4FF, #009798, #3D1E65)
• Denim Coast color palette (#E9DAE5, #61A9B7, #006085, #003A30, #000A1F)
• Chalky Lagoon color palette (#FBDFE3, #CF49D4, #009888, #00788A, #210223)
• Powder Boulevard color palette (#FAF4F0, #C2EAE7, #87C3FF, #56AA93, #5A3D51)
• Mulberry Boulevard color palette (#FFE4E6, #F47CDF, #02AA6A, #9E008D, #002211)

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