Cobalt Canyon color palette — #FFF0FF · #8BB5EB · #4C7AB3 · #224677 · #122D52
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FF): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#8BB5EB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#4C7AB3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#224677): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#122D52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.
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
- Indigo Courtyard color palette (#FFF0F8, #B7B3EC, #6E64AA, #443B77, #2B234D)
- Petrol Terrace color palette (#DBFFEC, #6FBED9, #007C9E, #004F63, #003747)
- Gentle Cabin color palette (#EEF6FF, #B1D0FF, #6293D0, #2D59A7, #0B3358)
- Cerulean Chapel color palette (#FEF0FF, #EAD3D7, #C1C2EE, #5A86A3, #5F495D)
- Wandering Cobalt Summit color palette (#FFF0FA, #717AC3, #407F65, #00605F, #3F2C39)
- Denim Villa color palette (#FCF2F7, #D79D9E, #50487D, #412334, #271516)
- Aubergine Field color palette (#FDF2F5, #BEA1D0, #9E536E, #774891, #331D1B)
- Tempered Lapis color palette (#E2E6FF, #898CFF, #4C35D5, #270090, #14005D)
Browse the whole catalog at Explore, or see today's palette.