Tempered Cocoa Studio color palette — #FAF2DA · #9BB58B · #7A7748 · #6A4200 · #1E2611

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

The five colors

• Cream (#FAF2DA): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9BB58B): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#7A7748): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#6A4200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#1E2611): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Tempered Cocoa Studio 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 Bronze Delta color palette (#FAF0E6, #CCB990, #A8783F, #824623, #2E2D1F)
• Chestnut Drift color palette (#FBF5E2, #AEA885, #747648, #664E00, #443F00)
• Wandering Veranda color palette (#E7FBF1, #D2E6AD, #A1A271, #786A41, #1C3833)
• Antique Moss color palette (#EFE7D3, #6E953B, #615600, #482900, #0B1100)
• Worn Cerulean Bloom color palette (#E1F9EB, #0095B6, #9A683D, #714721, #0A1F15)
• Hushed Amber color palette (#F0DCD1, #BF8D51, #925036, #593038, #201600)
• Driftwood Workshop color palette (#E4FCF0, #99CABD, #939266, #527257, #224442)
• Bronze Pier color palette (#FFECDE, #936900, #6A3100, #450510, #070500)

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