Azure Canyon color palette — #F9F4ED · #B8DECF · #5A99DC · #007A8A · #4B3047
A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Silver (#B8DECF): A whisper-light, dusty teal — the color of sea glass.
- Cornflower (#5A99DC): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007A8A): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#4B3047): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Hushed Pier color palette (#F9F4EE, #A6E0E9, #00A5CD, #007D71, #163F57)
- Washed Cobalt color palette (#FFF3E9, #9FD2BE, #5977B1, #00605A, #512D41)
- Patina Powder color palette (#F8F5EF, #C9E8E9, #85B7E3, #43949E, #5D4C5C)
- Petrol Harbor color palette (#E9E3D9, #54B1C0, #00718F, #004B44, #001625)
- Ultramarine Thicket color palette (#EDE6DB, #6099C3, #0053B2, #003A46, #030228)
- Moss Meadow color palette (#FFDBD3, #DB6D86, #6F9A08, #007CCA, #3F231D)
- Feathered Sapphire color palette (#F3EBDF, #8BB6DE, #2468EF, #00566B, #171749)
- Misty Study color palette (#FEE9E6, #E686A4, #00ACA1, #BF346D, #003F3A)
Browse the whole catalog at Explore, or see today's palette.