Cobalt Canyon color palette — #F3E7EF · #7EBCCD · #007AC1 · #005B45 · #13174A
Built around Cerulean, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F3E7EF): a clean, paper-quiet neutral.
- Ash (#7EBCCD): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007AC1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005B45): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#13174A): 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
- Soft Indigo color palette (#E6EEE4, #8EB6DD, #616AC4, #00585D, #290F40)
- Cobalt Archive color palette (#FFF2EB, #8BDAED, #0080C7, #00543E, #05052E)
- Frosted Bloom color palette (#E3EDE4, #87CCDF, #009FD5, #007D7A, #00213B)
- Washed Denim color palette (#E6E0D7, #81AA91, #005F82, #003E3C, #00213B)
- Pine Canyon color palette (#FDF0FF, #71E0DB, #009CBC, #0D7818, #00355C)
- Ultramarine Thicket color palette (#C7EDDB, #9F9C25, #4856C4, #585600, #0E0E4C)
- Hushed Iris color palette (#FCF2F5, #B7D9F7, #7C91D8, #007C7C, #40315B)
- Aged Lagoon color palette (#F9F3F9, #D4D6EA, #85BAD4, #669274, #465466)
Browse the whole catalog at Explore, or see today's palette.