Weathered Cobalt color palette — #FCF4E7 · #FFCED4 · #C6957D · #5271AD · #4F3935

A conversation between Slate and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Shell Pink (#FFCED4): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#C6957D): A luminous, dusty orange — the color of toasted spice.
• Slate (#5271AD): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#4F3935): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, 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

• Washed Pewter Quarry color palette (#FFF3E8, #FFD1C3, #A2A771, #7369A1, #5B3500)
• Muted Studio color palette (#F5F7E7, #DCD7FF, #D08C99, #26808A, #4F383D)
• Wandering Stone Corridor color palette (#EAFAED, #FFBDB8, #D3A376, #529A98, #55414E)
• Aged Courtyard color palette (#E6FBF2, #DC8CA8, #937041, #3F5D73, #524150)
• Ancient Stone Corridor color palette (#FFF1F2, #E2DAD1, #C9BBA1, #A58D9B, #5C4553)
• Wandering Studio color palette (#FFF2EA, #F5BF97, #78A05C, #735193, #35312B)
• Worn Thicket color palette (#FDF0DC, #E7908A, #976F48, #1D5D5C, #39271D)
• Olive Veranda color palette (#FFF3E6, #F29E87, #818500, #4A4490, #331B00)

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