Tempered Cocoa color palette — #FAF1DE · #A2A473 · #5F6B33 · #6F3219 · #231B01

Rust takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAF1DE): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A2A473): A luminous, dusty green — the color of new leaves after rain.
• Olive (#5F6B33): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#6F3219): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#231B01): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Ancient Chestnut Harbor color palette (#F5F3E2, #B6B692, #5A8157, #7C4519, #292912)
• Hushed Fern Basin color palette (#F0EBD8, #839661, #376211, #4D3308, #151200)
• Patina Cypress Balcony color palette (#F2F4E3, #7CAE87, #327355, #144E5C, #1A1F02)
• Airy Canyon color palette (#FFE9DF, #DF946F, #A14F2A, #5A1E00, #1A0500)
• Hushed Driftwood color palette (#FFF3E2, #DCD0A4, #739566, #615E85, #302702)
• Washed Rust Delta color palette (#F9DBCC, #BF583C, #7B7000, #813D7B, #250B00)
• Muted Cerulean color palette (#F2F3E9, #ABD3B5, #118AA1, #005B5A, #002530)
• Washed Pine Villa color palette (#EDECD5, #407739, #00421D, #331500, #000400)

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