Tempered Cocoa color palette — #F3F2E8 · #809463 · #965A67 · #71371C · #211807
Bronze takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F3F2E8): a clean, paper-quiet neutral.
- Moss (#809463): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#965A67): A full-bodied, balanced red — the color of a theater curtain.
- Bronze (#71371C): A full-bodied, balanced orange — the color of sun-warmed clay.
- Ink (#211807): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Hushed Garnet color palette (#F8F1E5, #A0844B, #825E89, #732F44, #26180E)
- Bronze Workshop color palette (#EEF4E9, #5DA490, #975A37, #5B4900, #1C1C09)
- Tempered Pewter color palette (#EAF8FB, #369684, #7C518C, #6C481E, #23393C)
- Dusty Chestnut Villa color palette (#ECF5EB, #008881, #7C4B00, #3D3F00, #101702)
- Timeworn Peony Market color palette (#EDF8F3, #AEAE65, #B86A91, #8E524A, #2B382B)
- Antique Garnet Market color palette (#F7EFF5, #8C99D0, #8B608E, #7B2F3A, #3C1F00)
- Chestnut Thicket color palette (#EBF9F3, #7CB8D6, #938BC7, #925032, #222918)
- Terracotta Station color palette (#F0F5DB, #008942, #9E0705, #4C2B00, #0B0E00)
Browse the whole catalog at Explore, or see today's palette.