Weathered Cobalt color palette — #FCF3EB · #A1D1BE · #5A77B0 · #00605A · #3B335C
Built around Slate, softened by Pine — the whole palette hums with creativity and calm.
The five colors
- Ivory (#FCF3EB): bright and airy, almost weightless.
- Pistachio (#A1D1BE): A whisper-light, dusty teal — the color of glacier melt.
- Slate (#5A77B0): A full-bodied, balanced violet — the color of wild irises.
- Pine (#00605A): A full-bodied, dusty teal — the color of sea glass.
- Navy (#3B335C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered Cobalt 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 Ridge color palette (#FEF2EF, #AFCFAF, #1E84A2, #23622D, #183C60)
- Airy Cobalt Cabin color palette (#FFF2EB, #74C5DE, #0071BD, #005845, #272A66)
- Muted Cobalt color palette (#ECF4ED, #AFCBE2, #4C7FB6, #005967, #121E3F)
- Timeworn Ridge color palette (#FEF2EF, #CAE5CD, #5693AF, #307148, #563F55)
- Violet Pier color palette (#F2F0D9, #809938, #8465B9, #4C6000, #3C2A59)
- Softworn Onyx color palette (#FEE9E0, #4E9CAB, #004F76, #003220, #050B3D)
- Worn Periwinkle Summit color palette (#FBF2F6, #C3E5FF, #8AB0FF, #00A198, #3C335A)
- Navy Alley color palette (#F2E9E0, #5986A5, #1C2D8E, #002221, #0E0024)
Browse the whole catalog at Explore, or see today's palette.