Cobalt Canyon color palette — #F9F0EA · #97D1E9 · #4E7EB7 · #005D4E · #1C1C3C
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#F9F0EA): bright and airy, almost weightless.
- Sky (#97D1E9): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#4E7EB7): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005D4E): A full-bodied, dusty teal — the color of glacier melt.
- Deep Indigo (#1C1C3C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Tempered Cobalt Studio color palette (#F4F6EE, #A9CFBD, #2D81AD, #005D6D, #0E3E5F)
- Ancient Forest Bloom color palette (#F4E5E1, #6FC4C2, #007793, #005016, #00162F)
- Cypress Corridor color palette (#F7F1E9, #B9E8DB, #7F8ABD, #006C70, #3E222D)
- Softworn Sky color palette (#EDF9EF, #D7D6E4, #69AEDF, #287C81, #1B2F47)
- Lagoon Parlor color palette (#EBDCD6, #329B9E, #00516A, #002E11, #000410)
- Faded Lantern color palette (#EFE0D2, #64A5CA, #2B52A8, #003A36, #0E0029)
- Softworn Navy color palette (#F4E4D7, #0084AE, #003680, #00201B, #010009)
- Linen Sapphire color palette (#FFEBE0, #C94F2D, #306ACC, #3B5B90, #250C00)
Browse the whole catalog at Explore, or see today's palette.