Azure Canyon color palette — #FEF1F8 · #B5E2FC · #30A2F5 · #00837B · #2C3D6C
A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF1F8): a clean, paper-quiet neutral.
- Powder Blue (#B5E2FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#30A2F5): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00837B): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#2C3D6C): A deep, shadowed, balanced 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 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 Orchard color palette (#FEF1F7, #85D7FD, #188FF3, #007271, #202674)
- Pale Pine color palette (#FCF2F8, #A9E9E6, #00AEC9, #00884E, #004563)
- Dusty Lagoon color palette (#FAF3F6, #DADEED, #97B2E2, #44949B, #4A5268)
- Aged Azure color palette (#F2F5FF, #F8D5DF, #F6B9A1, #3D93E0, #4D3B5D)
- Petrol Terrace color palette (#F7EBF2, #71ACBD, #006DA2, #004B42, #000D3D)
- Emerald Hollow color palette (#E5EAFF, #B1A0FF, #3CA25D, #877F00, #32255B)
- Faded Pier color palette (#DFEDFA, #88B4FF, #7E7AFF, #792FE0, #592365)
- Amethyst Atelier color palette (#F2F5FF, #BBB5FF, #A69F00, #6A34EC, #403D00)
Browse the whole catalog at Explore, or see today's palette.