Cocoa Archive color palette — #FFF2EC · #E7DFB5 · #9C665A · #5D2600 · #180C07
Built around Espresso, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Celadon Mist (#E7DFB5): A whisper-light, dusty green — the color of a quiet forest floor.
- Walnut (#9C665A): A full-bodied, dusty orange — the color of toasted spice.
- Espresso (#5D2600): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#180C07): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Dusty Straw color palette (#FFF3E3, #FFD175, #8B6200, #3F2A00, #0D0600)
- Wandering Amber color palette (#FFECE0, #C27D00, #4C1900, #0F0B04, #030000)
- Hushed Taupe color palette (#FFF2ED, #EED296, #C67F7A, #835552, #2D1D17)
- Hushed Garden color palette (#F7EFF6, #C9B07D, #7E403D, #451514, #140713)
- Washed Coral Garden color palette (#FFF2EC, #FF8E78, #9CA563, #806691, #312017)
- Softworn Honey Coast color palette (#FFF2E9, #FEB23E, #8A4000, #341400, #030100)
- Aged Study color palette (#FFF2EC, #F67A68, #858831, #6A4A7A, #281614)
- Washed Marigold color palette (#F7EED2, #C29E00, #403E00, #1D2726, #090800)
Browse the whole catalog at Explore, or see today's palette.