Tempered Cocoa color palette — #F9F0EB · #BEB57C · #853C29 · #3C1E0D · #130A06
A conversation between Rust and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F0EB): a clean, paper-quiet neutral.
- Sage (#BEB57C): A luminous, dusty green — the color of a quiet forest floor.
- Rust (#853C29): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#3C1E0D): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#130A06): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Dusty Ridge color palette (#FFEDED, #AFBA7B, #7B3B64, #3D1830, #150809)
- Weathered Orchard color palette (#F7F1E9, #D6C09A, #7F5921, #35302A, #18130C)
- Marigold Canyon color palette (#FBF1DA, #D29E32, #594C00, #272000, #0C0700)
- Hushed Olive color palette (#FAF0E9, #EE9C78, #51852F, #994C27, #0F0F04)
- Hushed Field color palette (#FFF0FA, #D3C580, #996153, #54374D, #2A1D26)
- Chestnut Balcony color palette (#EADDCA, #705300, #293435, #1C1200, #020100)
- Tempered Olive color palette (#FFEFDC, #C98F44, #537907, #473E6D, #2C210B)
- Bronze Chapel color palette (#E4E5CC, #A56900, #173200, #192425, #030A00)
Browse the whole catalog at Explore, or see today's palette.