Weathered Cocoa color palette — #E7FAE2 · #C0E1CB · #C2ACC4 · #AF8D86 · #763F13

Built around Bronze, softened by Celadon Mist — the whole palette hums with optimism and sophistication.

The five colors

• Honeydew (#E7FAE2): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#C0E1CB): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#C2ACC4): A luminous, dusty pink — the color of a candy shop window.
• Dusty Rose (#AF8D86): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#763F13): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Aged Chestnut color palette (#DAFFEF, #E8CCE5, #D0AABB, #B19077, #6A4C00)
• Muted Cabin color palette (#EFFCD4, #CBE1C5, #9AC0AB, #AD8D8E, #654740)
• Worn Basalt color palette (#F2E4F1, #C5C0EE, #B795B8, #9B835F, #4B4200)
• Muted Powder color palette (#DEFEEF, #C8E2EF, #9ABAD6, #6D8D75, #3D5342)
• Washed Driftwood Ridge color palette (#DEE5F7, #AB99C9, #A67596, #716536, #213311)
• Pale Powder color palette (#DDF4F8, #73C8FC, #879DE4, #AB6C62, #593200)
• Turquoise Thicket color palette (#FAF4EC, #C0EAEB, #8CC4F3, #48A8B2, #563F54)
• Cerulean Orchard color palette (#D8F9FF, #9FC0D0, #6286AA, #69586B, #483341)

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