Weathered Cobalt color palette — #F9F3F7 · #D7B3CE · #A96B53 · #5366B6 · #332C28

Slate and Mocha set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Rosewood Mist (#D7B3CE): A luminous, dusty pink — the color of peonies in June.
• Mocha (#A96B53): A full-bodied, balanced orange — the color of autumn markets.
• Slate (#5366B6): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#332C28): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, 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 (#EFF7F4, #98C7E8, #AE656A, #0075AB, #3A2924)
• Muted Thicket color palette (#F0F1F9, #C5BBEC, #B66875, #7565A8, #1B121D)
• Timeworn Byzantium color palette (#FAF3F5, #E0B2BE, #828231, #8B50A4, #302E27)
• Tempered Blush color palette (#FBF2F6, #D3CAF6, #CB81A3, #8F80C2, #372A29)
• Cypress Thicket color palette (#F5F7E6, #BE9AB7, #956781, #00666C, #593F4B)
• Sunlit Terracotta color palette (#FFF0FB, #C7B6E0, #A57095, #903743, #713600)
• Worn Forest Meadow color palette (#FEF2F3, #A77DA4, #935455, #02613C, #3F2A2D)
• Aubergine Villa color palette (#F4E5E7, #9D58A1, #424200, #530059, #040400)

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