Tempered Cocoa color palette — #FBEBE0 · #A49F59 · #6E2B00 · #3B1400 · #171206

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

The five colors

• Cream (#FBEBE0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#A49F59): A luminous, balanced green — the color of a quiet forest floor.
• Rust (#6E2B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#3B1400): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#171206): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Patina Marigold color palette (#F7E3EC, #C69824, #6E3400, #2E1020, #0B0306)
• Softworn Chestnut Terrace color palette (#FDF4E9, #C2AD71, #6F4800, #402802, #1F1E13)
• Hushed Amber Quarry color palette (#EEE4CB, #C18500, #433C00, #1F1B00, #070A00)
• Tempered Garnet Lantern color palette (#FCE9E8, #7DA976, #76104B, #3E0926, #211110)
• Wandering Terracotta Coast color palette (#FCF3EF, #CD846E, #006D61, #8C2700, #101C0C)
• Ancient Ridge color palette (#FDE8F2, #DAC887, #B17959, #6E495D, #211019)
• Antique Forest color palette (#FFEADB, #B67614, #006E1E, #4D2F6A, #33302A)
• Amber Quarry color palette (#F4F8E2, #E5863C, #0B580C, #033004, #1A1C07)

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