Weathered Cocoa color palette — #FFF2EB · #D5B7A2 · #B28271 · #91574D · #5B3100

Built around Cocoa, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#D5B7A2): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#B28271): A luminous, dusty orange — the color of toasted spice.
• Walnut (#91574D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#5B3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Worn Coast color palette (#FFF2EB, #C79D7C, #9C614E, #704348, #533700)
• Muted Archive color palette (#FFE8DB, #E7B68D, #B78745, #826000, #4D3E00)
• Patina Chapel color palette (#FFF2EE, #E7BA9B, #A35763, #623139, #2C1D1A)
• Timeworn Taupe color palette (#FFF0F9, #FFD2B9, #C4907C, #805E78, #3F2A34)
• Pale Coast color palette (#FFECDF, #B27F5A, #97450B, #6D1F00, #241100)
• Tempered Scarlet color palette (#FDF3EE, #F1B2A9, #C07F3C, #D34C41, #2F2113)
• Hushed Garden color palette (#FFF0FA, #F5C6A1, #D89B88, #987E9A, #324234)
• Driftwood Terrace color palette (#EFE8D1, #B7AF88, #868439, #695B08, #31312A)

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