Cobalt Alley color palette — #FEF3ED · #B0DAC0 · #3F85BD · #006950 · #323B6E
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FEF3ED): bright and airy, almost weightless.
- Pistachio (#B0DAC0): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#3F85BD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006950): A full-bodied, balanced teal — the color of sea glass.
- Navy (#323B6E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt Alley 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
- Forest Garden color palette (#FEF2EF, #CBE4CE, #4A94B4, #357148, #573D57)
- Dusty Cobalt Summit color palette (#FDF3EA, #ADD3F4, #6A7AC1, #006668, #483562)
- Dusty Cerulean color palette (#EAF5EC, #9BDCED, #008FBE, #00625F, #002744)
- Dusty Veranda color palette (#FFF2EB, #65C6E6, #006FC4, #005747, #29276A)
- Soft Corridor color palette (#FBF4EA, #ACE6F5, #00A9E1, #00837F, #00436F)
- Tempered Onyx Villa color palette (#F2E5DF, #459DAD, #004F76, #003220, #040940)
- Quiet Ridge color palette (#FDF5DC, #AFA725, #5463CE, #645F00, #2B346E)
- Feathered Alley color palette (#F1E8E0, #4D87AE, #1A2C90, #002221, #0E0024)
Browse the whole catalog at Explore, or see today's palette.