Weathered Cocoa color palette — #FBF1DC · #A8B27E · #827540 · #6B4100 · #232413
Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Cream (#FBF1DC): A whisper-light, dusty gold — the color of old brass.
- Sage (#A8B27E): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#827540): A full-bodied, dusty green — the color of new leaves after rain.
- Bronze (#6B4100): A full-bodied, balanced gold — the color of old brass.
- Onyx (#232413): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, 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
- Dusty Taupe Study color palette (#FFEEE3, #CBA377, #9A674E, #693E3D, #2B210F)
- Softworn Chestnut color palette (#EAE0C4, #8DA263, #6F6618, #543802, #171A00)
- Patina Taupe color palette (#E2FDED, #E2E1A2, #AB9F62, #796941, #20372F)
- Pewter Grove color palette (#E8FBEE, #A0AE82, #807243, #694555, #244441)
- Gentle Violet color palette (#FFEBF6, #8272E3, #787938, #555613, #26131E)
- Faded Amber Lagoon color palette (#E9DBD2, #C37B00, #933E00, #660E19, #181100)
- Chestnut Chapel color palette (#F3DCC3, #644F00, #3D2300, #1E0600, #020100)
- Antique Bronze color palette (#F0DFD4, #A25F00, #732800, #440813, #080500)
Browse the whole catalog at Explore, or see today's palette.