Cocoa Archive color palette — #DDE6DE · #96AB9C · #8F8859 · #5C3F00 · #020C03
Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Parchment (#DDE6DE): a clean, paper-quiet neutral.
- Taupe (#96AB9C): A luminous, dusty teal — the color of shallow lagoons.
- Mocha (#8F8859): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#5C3F00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#020C03): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.
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
- Softworn Chestnut color palette (#F5EEE6, #9FA292, #828D74, #865800, #100700)
- Washed Cocoa Field color palette (#ECE2E8, #B19FA7, #9C7C87, #732C00, #13040D)
- Tempered Basalt color palette (#F4EBEE, #ACC1B6, #7E9894, #563200, #040001)
- Onyx Lagoon color palette (#F8ECF0, #85A291, #517A70, #3E2400, #120509)
- Patina Forest color palette (#E3F0EE, #A5B9B8, #6DA0A2, #056514, #001816)
- Timeworn Amber color palette (#D9EDE0, #C98A00, #927E00, #4E6200, #030200)
- Timeworn Forest color palette (#D4E8E3, #50834D, #005429, #352A00, #000900)
- Weathered Cabin color palette (#E7F1EB, #C9DDD4, #94C3B5, #807300, #24312A)
Browse the whole catalog at Explore, or see today's palette.