Cocoa Field color palette — #FDEDF3 · #99B39D · #926C4A · #703C2E · #082A1C
Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#FDEDF3): a clean, paper-quiet neutral.
- Sage (#99B39D): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#926C4A): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Bronze (#703C2E): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Forest (#082A1C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa Field 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
- Washed Bronze Veranda color palette (#FFF1F6, #C1A179, #966738, #724525, #304332)
- Patina Cocoa Veranda color palette (#F0DAE0, #A7976C, #845B28, #642A10, #001E14)
- Softworn Lagoon color palette (#E8F6ED, #A3C4B7, #648E74, #734A58, #1B312D)
- Worn Iris color palette (#EEF1FF, #867AC4, #9D5F78, #6C4B00, #131830)
- Chestnut Ridge color palette (#CEE9CD, #716016, #4B3000, #2C0E00, #010200)
- Tempered Terracotta color palette (#EFF1FF, #8875AD, #943E3E, #354300, #031527)
- Mulberry Archive color palette (#E8F3FF, #A7AADC, #8563A7, #7B2062, #460020)
- Worn Meadow color palette (#EBF3FB, #D8A786, #325780, #0C2845, #040D18)
Browse the whole catalog at Explore, or see today's palette.