Weathered Cocoa color palette — #F5DFE6 · #947E45 · #875200 · #6D2400 · #040400

Built around Rust, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#F5DFE6): A whisper-light, dusty rose — the color of strawberry cream.
• Walnut (#947E45): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#875200): A full-bodied, balanced gold — the color of old brass.
• Rust (#6D2400): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Moonless Corridor color palette (#FDDDE6, #916B2B, #553300, #200D00, #020100)
• Dusty Olive Cabin color palette (#D3EDDE, #778A3E, #6E6000, #583700, #000500)
• Misty Garnet Thicket color palette (#EBD8E1, #B78538, #A95200, #8A1D1C, #0F0B00)
• Mulberry Station color palette (#F0EDFA, #AF70B0, #9C4900, #8E0094, #040100)
• Washed Brick Meadow color palette (#FCE0F5, #BE1D01, #724C00, #004144, #040006)
• Ancient Brick Coast color palette (#FAE3F5, #C2557F, #B8001F, #602900, #060300)
• Plum Garden color palette (#F0E4FF, #AD358A, #686500, #005347, #060003)
• Bronze Field color palette (#DDEBE0, #B3B779, #AB8A28, #9A5900, #182A08)

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