Weathered Cobalt color palette — #EDF9EF · #FFCCE1 · #C3996C · #5671AB · #4C374B

Built around Slate, softened by Camel — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Shell Pink (#FFCCE1): A whisper-light, dusty rose — the color of pressed rose petals.
• Camel (#C3996C): A luminous, dusty gold — the color of old brass.
• Slate (#5671AB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#4C374B): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Wandering Petrol color palette (#E5FBF4, #E2D5FF, #CC8F92, #347D94, #413C4F)
• Worn Archive color palette (#FFF0F7, #FFD2B9, #95AB73, #7C65A0, #304632)
• Stone Summit color palette (#F6F3FF, #E9D5DC, #ADC6B0, #8385A0, #4F4E64)
• Cocoa Workshop color palette (#FDF4E6, #FFBFAD, #D0A66A, #5698A0, #6C3800)
• Worn Pier color palette (#E4F8E8, #DF9683, #93723F, #2A5969, #37272F)
• Hushed Coast color palette (#FBF5E4, #E18B9A, #8C7441, #395D7C, #6F360E)
• Aged Stone Ridge color palette (#FFF0F7, #D5A181, #425B4E, #35262D, #120E12)
• Ancient Olive Harbor color palette (#FFF1F7, #E9A481, #6E8B1A, #583F8B, #301D00)

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