Weathered Cocoa color palette — #F4F3E3 · #AEB991 · #478276 · #804127 · #242B10
Built around Bronze, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#AEB991): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#478276): A full-bodied, dusty teal — the color of sea glass.
- Bronze (#804127): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#242B10): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Antique Pine Grove color palette (#F9F2DC, #8CB676, #1A7E56, #514E1F, #112702)
- Ancient Driftwood color palette (#F6F1E9, #CBC4A6, #848841, #7E5A13, #33312A)
- Lagoon Studio color palette (#ECF8F5, #A5CDCC, #4BA094, #96625C, #234A49)
- Tempered Teal Market color palette (#E8FAF6, #B8E5F3, #79AC8A, #5E7F6B, #203F3C)
- Lagoon Chapel color palette (#EBF8D2, #95CFA2, #3E8C64, #004E2A, #001A08)
- Timeworn Fern color palette (#F1E2D0, #A29740, #476700, #573600, #1A1600)
- Aged Olive Corridor color palette (#F3F4DC, #89B175, #B077A7, #46722C, #391A35)
- Gentle Emerald Chapel color palette (#F0F5D9, #5CA060, #9C68AA, #8E5383, #1E2103)
Browse the whole catalog at Explore, or see today's palette.