Tempered Cocoa Drift color palette — #F7E5CC · #A3966A · #7C5E29 · #643705 · #32302A

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

The five colors

• Parchment (#F7E5CC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#A3966A): A luminous, dusty green — the color of fresh herbs.
• Walnut (#7C5E29): A full-bodied, balanced gold — the color of old brass.
• Bronze (#643705): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#32302A): quiet, heavy and certain.

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

Use it as a design system

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

• Hushed Atelier color palette (#EDDECA, #9D9C69, #7E5E27, #692600, #1A1900)
• Washed Chestnut color palette (#FDF5DF, #AFA884, #7B7441, #6D4A00, #423F00)
• Weathered Boulevard color palette (#DCEDDD, #B4B17F, #9F793F, #854830, #043931)
• Frosted Cobalt color palette (#FDE7F8, #536ABC, #8A5024, #414A00, #331F2F)
• Twilit Chestnut Garden color palette (#F6E6D2, #6E5600, #3D2600, #1E0B00, #040300)
• Quiet Delta color palette (#E5E9D7, #FF8BA1, #5DA3FF, #472C35, #281C28)
• Ancient Navy Canyon color palette (#F9E8F7, #B4975A, #23407A, #0C1F46, #1E111D)
• Pale Corridor color palette (#FFF0F8, #6054B7, #6A3B00, #1A4300, #06281A)

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