Cocoa Archive color palette — #F5F8DB · #B7C4AD · #8A9F90 · #84656A · #744009
Bronze takes the lead with Pewter close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Custard (#F5F8DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#B7C4AD): A luminous, dusty green — the color of new leaves after rain.
- Taupe (#8A9F90): A luminous, dusty teal — the color of glacier melt.
- Pewter (#84656A): A full-bodied, dusty red — the color of late-summer berries.
- Bronze (#744009): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Weathered Chestnut color palette (#DEFFE8, #99B4A9, #987B91, #8F5130, #5A4C00)
- Patina Station color palette (#FFF1F5, #BDD9CB, #93B3B5, #93728C, #624B52)
- Washed Coast color palette (#D4ECCF, #8EAB99, #537495, #6B4B45, #5C3528)
- Driftwood Thicket color palette (#F8F5EB, #C4C3A3, #7D8843, #786417, #544F00)
- Muted Cypress Courtyard color palette (#EEF9ED, #75BFBB, #C6848B, #10837F, #66433A)
- Airy Cocoa Meadow color palette (#C7E5F6, #82A0DA, #755E9D, #763700, #3C4106)
- Driftwood Study color palette (#EBFAEB, #59A7A9, #A079AC, #917038, #354837)
- Softworn Garnet color palette (#D6E3D6, #4D88A5, #44577B, #5F262D, #452100)
Browse the whole catalog at Explore, or see today's palette.