Cobalt Canyon color palette — #FDF3EE · #95D0DC · #417FA7 · #136245 · #4A3146
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF3EE): bright and airy, almost weightless.
- Sky (#95D0DC): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#417FA7): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#136245): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#4A3146): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Aged Cobalt color palette (#FFF2EA, #88DBFE, #397FD8, #00685A, #3C3A63)
- Antique Cerulean color palette (#FFF2EE, #8BD4D1, #0086A3, #345F34, #0F443A)
- Softworn Harbor color palette (#EAF4F3, #A3CFE3, #008AA7, #005B5D, #002432)
- Aged Sapphire Courtyard color palette (#F8ECE1, #6DBBE9, #3D62BB, #00504C, #30264E)
- Linen Cabin color palette (#FFDADF, #AC4DAE, #007E6E, #00606D, #3E2227)
- Ancient Taupe color palette (#FFF1F3, #FFC4C4, #C8A276, #656D98, #543A37)
- Aged Lagoon color palette (#F9F3F7, #C7E6F3, #6BBDE7, #00A387, #1E3B5F)
- Ancient Olive Alley color palette (#FCF3EF, #C9EAE4, #74A592, #657734, #5E4C5C)
Browse the whole catalog at Explore, or see today's palette.