Weathered Cocoa color palette — #C4EEFF · #D5B9D7 · #BB9DAD · #9D806E · #5F3E00

Bronze and Lavender set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#C4EEFF): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#D5B9D7): A luminous, dusty pink — the color of a candy shop window.
• Mauve (#BB9DAD): A luminous, dusty pink — the color of peonies in June.
• Mocha (#9D806E): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5F3E00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered Cocoa 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

• Muted Loft color palette (#FFE8F8, #E3B7C8, #C3989D, #8C7E55, #404E27)
• Bronze Lagoon color palette (#ACEEF5, #A4D1C0, #91A1CD, #B06D50, #633900)
• Wandering Bronze Garden color palette (#D7EDCD, #A6C7B7, #8A84AF, #866820, #5E4600)
• Aged Lantern color palette (#D7FEFF, #B0DAEF, #8E97B7, #42705D, #164232)
• Washed Cocoa color palette (#DEF2FE, #80A4C8, #707A9D, #72432F, #182B1B)
• Pewter Market color palette (#EDEDFF, #9578A2, #8A4F6B, #504C00, #001A03)
• Soft Lantern color palette (#FCE7F7, #A6BCFF, #D4A94D, #6B88F3, #463200)
• Tempered Teal color palette (#F9F6E2, #B0D6A6, #6CB288, #50918C, #35362F)

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