Tempered Cocoa color palette — #FBF6DE · #B6C7A4 · #86998F · #7B6965 · #704100
Bronze and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBF6DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B6C7A4): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#86998F): A luminous, dusty teal — the color of shallow lagoons.
- Pewter (#7B6965): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#704100): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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
- Timeworn Bronze Veranda color palette (#F3F9DA, #B1D3B6, #A78DA4, #975B34, #6C4E00)
- Olive Lantern color palette (#FAF5E9, #B1CAA0, #708C4C, #7F6117, #525000)
- Basalt Summit color palette (#EEFAE4, #D0DFCC, #A4B6A6, #8D7C89, #5C4652)
- Muted Ash Alley color palette (#D7FAFC, #AAC5CC, #7697A4, #616D83, #3E4251)
- Weathered Chestnut color palette (#DBEEDD, #69BBC9, #6B6D9A, #7A4512, #403D37)
- Muted Archive color palette (#F3FAD1, #75C89B, #219C92, #32717E, #32544A)
- Washed Olive Boulevard color palette (#FCF3F0, #C9EEE1, #7AA58C, #6F742C, #325249)
- Patina Archive color palette (#EEF9EC, #63C3BA, #C48683, #25827B, #534B48)
Browse the whole catalog at Explore, or see today's palette.