Cobalt Canyon color palette — #F7F0ED · #B6CFBB · #1E85B5 · #005F3A · #0B1D47
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F0ED): a clean, paper-quiet neutral.
- Pistachio (#B6CFBB): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#1E85B5): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005F3A): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#0B1D47): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, 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
- Cornflower Field color palette (#F8F0EB, #A5D9EF, #3383DF, #006455, #211B50)
- Tempered Cerulean color palette (#F9F4EE, #AAD0B4, #0085A6, #006157, #153F57)
- Softworn Cobalt color palette (#F2E7DE, #8EC0AD, #4466B8, #004C48, #190838)
- Dusty Ridge color palette (#F7F0EC, #C7E4D8, #758EBA, #006D65, #3E2131)
- Weathered Bloom color palette (#D8F0DB, #29A590, #007784, #004259, #00223E)
- Tempered Azure Workshop color palette (#FBF2F9, #B1DCEE, #00A1E1, #008053, #293B56)
- Worn Corridor color palette (#CDF9E2, #6CB7DE, #007090, #00394E, #000D12)
- Rust Quarry color palette (#DBEFE2, #2CA0BC, #C3534D, #005F72, #3D0003)
Browse the whole catalog at Explore, or see today's palette.