Weathered Cobalt color palette — #F8EFF2 · #B4CAE0 · #6179BA · #005A65 · #201A3C

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Lilac Frost (#B4CAE0): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6179BA): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005A65): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#201A3C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Washed Thicket color palette (#F9EEF5, #ADCED8, #008AA6, #005E3E, #002339)
• Pale Cobalt color palette (#FCEDF5, #7DC6E8, #0073CB, #005250, #0D0553)
• Weathered Petrol Boulevard color palette (#F4F6F0, #C0E0F4, #7CAADE, #0079A1, #1B2E4E)
• Ancient Denim Lantern color palette (#ECDDE7, #5195A8, #004E76, #002C27, #000217)
• Navy Workshop color palette (#D4EEF1, #2FA2C0, #006EA0, #003E93, #1D1A48)
• Denim Thicket color palette (#DDEBFB, #5D94D5, #BA6915, #005098, #2E1500)
• Cobalt Courtyard color palette (#E6EFFB, #427BCC, #976100, #755500, #02142C)
• Tempered Ultramarine Thicket color palette (#E2EEFF, #8BA8E4, #3563B5, #003078, #000637)

Browse the whole catalog at Explore, or see today's palette.