Azure Canyon color palette — #FDF1F8 · #C3EDFF · #5197D6 · #006A66 · #0F1945

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Frost (#C3EDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#5197D6): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006A66): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#0F1945): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Softworn Cypress color palette (#FDF2F7, #D8D3DE, #83A7DF, #007E84, #282951)
• Wandering Cobalt Canyon color palette (#FDF2F5, #ABD0F5, #5A73CC, #00505B, #10002E)
• Gentle Petrol Chapel color palette (#FAEBE1, #64BFE0, #006CAF, #00504B, #1D2B54)
• Misty Pine color palette (#FCF2F8, #CBDDF4, #00C2E3, #008D56, #003955)
• Dusty Denim Lagoon color palette (#EDE2E6, #87A6C1, #2A4EA2, #002B2F, #010009)
• Petrol Pier color palette (#F5EAF3, #8FBFD3, #007197, #003F32, #000209)
• Wandering Emerald color palette (#FDF0FF, #D86A7E, #329A3A, #007A7C, #200007)
• Dusty Teal Basin color palette (#FAF3F6, #D8D4DF, #BFC0F0, #42A3A3, #414D66)

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