Cobalt Canyon color palette — #F5EDE1 · #A0C9F0 · #5F85CC · #006881 · #24275A
A conversation between Azure and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Sky (#A0C9F0): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#5F85CC): A luminous, balanced violet — the color of wild irises.
- Peacock (#006881): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#24275A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Cobalt 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
- Cerulean Harbor color palette (#F5EDE1, #A7CFB8, #3C90BA, #006C6B, #002F55)
- Ancient Bloom color palette (#EDF9EF, #D8DDFA, #588EF5, #00667F, #171841)
- Patina Garden color palette (#F5EDE5, #92B5D6, #535FB3, #004F52, #372051)
- Feathered Iris Atelier color palette (#E9F1E8, #ADD9FD, #869DFD, #009092, #35224F)
- Weathered Azure Cabin color palette (#FCF4E7, #ACE6F5, #2BA9DA, #00837E, #154366)
- Antique Balcony color palette (#F6EDDE, #6DABCA, #006BAC, #004950, #000F3A)
- Dusty Delta color palette (#E7DFD3, #5F9EA5, #006277, #003C33, #000B13)
- Softworn Alley color palette (#E1E0C1, #88BC52, #9F69C9, #3B6100, #37164D)
Browse the whole catalog at Explore, or see today's palette.