Weathered Cocoa color palette — #FFF2EB · #F2D3B9 · #D9A999 · #AB897D · #653E00

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#F2D3B9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D9A999): A luminous, dusty orange — the color of autumn markets.
• Caramel (#AB897D): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Ancient Basin color palette (#FBF5E3, #C9D8A6, #B2B076, #9A8561, #404000)
• Weathered Chestnut color palette (#FBEDF6, #CBB3C0, #9A768D, #774B43, #39252E)
• Muted Bronze color palette (#FAF4EC, #F8DA9C, #B19B70, #8B6522, #312A20)
• Dusty Garden color palette (#FFEBD8, #F2BE6C, #D89252, #B36949, #38352F)
• Ancient Mustard color palette (#FBF4E8, #E1BF5B, #8CBCE5, #A191B9, #403D36)
• Timeworn Straw color palette (#F8F5ED, #F0DF8C, #74CAB6, #B7AC77, #293124)
• Aged Amber Veranda color palette (#F7DCCF, #CF7700, #B04B00, #78352D, #120900)
• Dusty Moss Lagoon color palette (#F2E3C4, #A4A53A, #927B17, #77520E, #1A1700)

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