Cobalt Canyon color palette — #F9F0EB · #ADD2BA · #3882B7 · #005E44 · #141C43
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F9F0EB): a clean, paper-quiet neutral.
- Pistachio (#ADD2BA): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#3882B7): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005E44): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#141C43): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Dusty Market color palette (#F9F0E9, #A1D9F4, #4B82D6, #006359, #251656)
- Cerulean Grove color palette (#FAF4EC, #95D0DD, #0084AC, #00605B, #173E5A)
- Dusty Cerulean Drift color palette (#F6F1EC, #C7E4D8, #728DC2, #006D66, #3E2131)
- Aged Sapphire Boulevard color palette (#EFE8E1, #8FB9D7, #4964BA, #004B4A, #1B0738)
- Azure Chapel color palette (#FAF3F7, #B5DBEC, #229FE4, #00805A, #2A3A58)
- Patina Hollow color palette (#F3E8E3, #3F8396, #003E69, #002017, #01000B)
- Powdered Violet color palette (#F5E7D2, #B08A42, #8265CE, #6E4F00, #210B45)
- Washed Nightshade color palette (#F9EBDE, #678EB2, #3336A3, #002B2D, #080014)
Browse the whole catalog at Explore, or see today's palette.