Weathered Cobalt color palette — #FAF0E8 · #ABD1C2 · #577AC0 · #005C56 · #21193C
A conversation between Slate and Peacock, giving this palette its sense of calm and sophistication.
The five colors
- Cream (#FAF0E8): a clean, paper-quiet neutral.
- Pistachio (#ABD1C2): A whisper-light, dusty teal — the color of sea glass.
- Slate (#577AC0): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#005C56): A full-bodied, dusty teal — the color of glacier melt.
- Deep Indigo (#21193C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: 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
- Soft Cobalt color palette (#FFEEE4, #76C9E0, #0076BE, #005440, #0F094E)
- Worn Alley color palette (#FAEFEC, #B2D2AF, #008AA7, #195F1F, #01223E)
- Cobalt Boulevard color palette (#FCF4E7, #96CDEE, #3C7CBA, #005E6A, #4B2F48)
- Periwinkle Boulevard color palette (#FEF1F6, #ADDCF6, #6E95D9, #007D73, #3A345A)
- Quiet Raspberry Studio color palette (#FDDBDD, #B05796, #007D8A, #2B5A82, #28070B)
- Aged Denim color palette (#FCEAE2, #4B97A3, #004F74, #002D1C, #00001E)
- Ultramarine Alley color palette (#F2E5D8, #6BA2D0, #3D46B9, #00393A, #110024)
- Worn Nightshade Villa color palette (#F3E9DF, #447FA5, #1320A0, #001F1E, #020008)
Browse the whole catalog at Explore, or see today's palette.