Cocoa Workshop color palette — #FDF0D9 · #ADB170 · #847346 · #6D4000 · #242412

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FDF0D9): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ADB170): A luminous, balanced green — the color of fresh herbs.
• Walnut (#847346): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6D4000): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#242412): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Workshop 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

• Ancient Taupe Corridor color palette (#FFEEE5, #D0A07B, #9C6554, #63433B, #2D200C)
• Worn Cocoa Pier color palette (#E5FCEB, #89B1A3, #827141, #704729, #1F4441)
• Wandering Chestnut Summit color palette (#EDDFC2, #93A05F, #746418, #423D37, #191A00)
• Marigold Orchard color palette (#F8F0E9, #E7A359, #00877C, #8E5500, #081106)
• Olive Workshop color palette (#FFE3B8, #BFB353, #558538, #005A32, #002D28)
• Amber Studio color palette (#FFDED2, #C97700, #983800, #6A001C, #191000)
• Ancient Garnet Station color palette (#EFDACE, #9F6024, #782200, #420B18, #090400)
• Fern Hollow color palette (#EBDFC2, #556B00, #3E3700, #231400, #000200)

Browse the whole catalog at Explore, or see today's palette.