Tempered Cocoa color palette — #FDF2F7 · #B6B179 · #803B00 · #482207 · #291E23

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

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Sage (#B6B179): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#803B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#482207): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#291E23): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Fern Archive color palette (#EBF9F3, #CEA677, #545500, #303103, #15261F)
• Chestnut Lagoon color palette (#FDF3EB, #E3D5A3, #BF8660, #8A5523, #2C1E12)
• Wandering Hollow color palette (#F9F2FE, #99BA89, #7A3756, #382543, #24191F)
• Gentle Terracotta color palette (#FBF2F7, #E19B7B, #008266, #99420B, #0D292B)
• Hushed Alley color palette (#FFF1F7, #E0C07D, #98643A, #543945, #2B1D23)
• Amber Archive color palette (#D6EBD8, #B48C00, #4F3500, #261700, #00100C)
• Chestnut Delta color palette (#DFF6EA, #805400, #292832, #171500, #030200)
• Gentle Parlor color palette (#FFF0F9, #C08C45, #187E39, #5E3D74, #294436)

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