Cocoa Archive color palette — #F9F2DA · #A3B478 · #7A7842 · #644600 · #24240E
A conversation between Bronze and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F2DA): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#A3B478): A luminous, balanced green — the color of new leaves after rain.
- Walnut (#7A7842): A full-bodied, dusty green — the color of fresh herbs.
- Bronze (#644600): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Onyx (#24240E): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa Archive 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 Fern Garden color palette (#E9E0C8, #93A060, #6E661F, #4D3B13, #1A1900)
- Tempered Chestnut Veranda color palette (#FBEFE5, #D1B695, #A07A5C, #81471F, #332B1D)
- Pewter Studio color palette (#E6FBF0, #84B2A5, #78744A, #3D5A40, #284341)
- Patina Mustard Drift color palette (#FCEEEC, #D0AE67, #754453, #3E1C18, #160806)
- Timeworn Field color palette (#FCEEEB, #F2949D, #986B09, #994651, #140D04)
- Amber Quarry color palette (#F1DDD0, #CA7600, #923F00, #6B0400, #1B0F00)
- Chestnut Drift color palette (#FCE4C9, #684D00, #3D2300, #1C0800, #020100)
- Patina Station color palette (#F4E2DA, #A25F1F, #722A00, #450708, #0A0400)
Browse the whole catalog at Explore, or see today's palette.