Weathered Cobalt color palette — #FFF1F6 · #E4D7D3 · #E5B0C3 · #717CA9 · #5C3E48

A conversation between Slate and Ballet Pink, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Bone (#E4D7D3): bright and airy, almost weightless.
• Ballet Pink (#E5B0C3): A luminous, dusty rose — the color of a warm blush.
• Slate (#717CA9): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#5C3E48): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Sophistication. Tagged pastel, 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

• Hushed Courtyard color palette (#FFF1F1, #E2D8CF, #D5C199, #937398, #634542)
• Aged Cerulean color palette (#FFECF6, #E6D6CF, #EFB0A1, #4F8DB8, #3E252F)
• Dusty Azure Corridor color palette (#F0F5FF, #E3D8E1, #FFBBAE, #5C9FC6, #494760)
• Softworn Canyon color palette (#FCEFFF, #FFB9DD, #F3747D, #6E51AC, #501F44)
• Washed Cocoa Bloom color palette (#FFF2EE, #FFD3C7, #D6A571, #87556F, #642907)
• Antique Lantern color palette (#F2F5FF, #EDD9E0, #B8B3AA, #9AADE5, #494759)
• Timeworn Cocoa color palette (#FFF3E4, #B7A580, #886E45, #6E4828, #3F3D36)
• Aged Mulberry color palette (#FFEDE9, #FABAB5, #C8824C, #813A69, #49291E)

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