Weathered Cobalt Workshop color palette — #F1F7F2 · #A7CAE0 · #457EA7 · #005F64 · #1F3B60
A conversation between Slate and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Sky (#A7CAE0): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#457EA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005F64): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#1F3B60): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered Cobalt Workshop 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
- Cobalt Workshop color palette (#F6F0F3, #ADCCE0, #4E7EBA, #005D50, #1D1A40)
- Petrol Lagoon color palette (#F1F7F2, #C6DFFA, #738AB7, #006D88, #3C4761)
- Washed Balcony color palette (#E7F2E9, #76C0BF, #007683, #00523D, #003343)
- Antique Pine Workshop color palette (#E1FBFF, #A4F3F9, #7FBFDD, #477951, #14454F)
- Dusty Lagoon Field color palette (#D8E5DA, #519DA0, #005361, #003127, #001721)
- Hushed Emerald color palette (#D7ECCF, #4DA669, #007E57, #005B4A, #004543)
- Denim Cabin color palette (#DBE5DD, #74A5C5, #0058A0, #003D46, #0E1B46)
- Antique Sky Harbor color palette (#F9F4ED, #BCEDD5, #56BBFF, #1A9EA5, #4A2F4B)
Browse the whole catalog at Explore, or see today's palette.