Cocoa Thicket color palette — #FFF1F7 · #97AF95 · #936748 · #793F2D · #2D4333
Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Sage (#97AF95): A luminous, dusty green — the color of fresh herbs.
- Walnut (#936748): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Bronze (#793F2D): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#2D4333): 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 Thicket 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 Study color palette (#FFECF4, #95B59A, #9C6742, #6F3A3A, #142720)
- Chestnut Corridor color palette (#E6FBF1, #88B1A4, #76763F, #654F00, #25443F)
- Timeworn Amber Alley color palette (#FFF3E9, #D1BA98, #BE7E53, #8A5A5A, #3F3D36)
- Garnet Ridge color palette (#FDE7F5, #C88E65, #A9461D, #88131F, #4C2E00)
- Hazy Garnet color palette (#EEDEE6, #AB7D4C, #844007, #671200, #312100)
- Softworn Terracotta Boulevard color palette (#E6F9FC, #169680, #8C5D8E, #8E2D1D, #1A383C)
- Chestnut Lagoon color palette (#F2D5DF, #816221, #522F00, #311100, #0F0B00)
- Dusty Forest color palette (#EDF8F8, #C0AC82, #00604A, #003729, #0B1F29)
Browse the whole catalog at Explore, or see today's palette.