Weathered Cocoa Drift color palette — #F7F1E4 · #BFB389 · #6F7C3E · #804029 · #2D2710

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F1E4): bright and airy, almost weightless.
• Sage (#BFB389): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#6F7C3E): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#804029): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#2D2710): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Washed Chestnut Archive color palette (#F1F3E7, #8FC1A2, #3C856A, #764A05, #242A18)
• Wandering Courtyard color palette (#F6F1E7, #A0A476, #596F00, #613D1B, #221C05)
• Olive Coast color palette (#EBFAEC, #B2B384, #607D50, #525870, #30493E)
• Weathered Oat color palette (#FFEEE3, #E1D7BB, #CACA85, #9E695E, #4D2600)
• Ancient Stone color palette (#ECF9F1, #C7C98C, #899662, #7E6A7C, #31483E)
• Rust Villa color palette (#FFEEE3, #F8AB8D, #C3592B, #682800, #2C0B00)
• Aged Archive color palette (#E5E0CD, #6E8142, #2B4F00, #3B2400, #0A0800)
• Quiet Olive color palette (#FFEEE4, #CD704A, #868400, #974B85, #2C190D)

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