Weathered Cobalt color palette — #FBECFE · #8DAED7 · #6C74A7 · #704059 · #222D3C

Slate takes the lead with Cocoa close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FBECFE): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#8DAED7): A luminous, dusty blue — the color of deep harbor water.
• Slate (#6C74A7): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#704059): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#222D3C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, 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

• Turquoise Courtyard color palette (#DCF9F6, #78B7C5, #537E98, #4E4E72, #162F3C)
• Muted Pewter Cabin color palette (#EBF2FF, #BAC0DC, #8B8BA5, #78647A, #503D4B)
• Weathered Fern color palette (#FAF5E7, #73B3C2, #6774A5, #655A15, #354E45)
• Cocoa Studio color palette (#FFEBF7, #B989BC, #8E5775, #6B3700, #261D36)
• Hushed Ash Lagoon color palette (#E8FBEC, #A7E9FE, #969ED2, #587D62, #31414F)
• Cobalt Balcony color palette (#E3EFFD, #5884C1, #333C4B, #171F29, #080D12)
• Iris Lantern color palette (#FAE0F4, #9376D0, #73477E, #631D14, #15142F)
• Faded Harbor color palette (#F6DED8, #833DAF, #66005F, #381000, #0D0012)

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