Tempered Cocoa color palette — #FFF4DF · #CCC9B2 · #8F967E · #7D6576 · #634542
A conversation between Cocoa and Pewter, giving this palette its sense of sophistication.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Oat (#CCC9B2): A whisper-light, dusty green — the color of new leaves after rain.
- Eucalyptus (#8F967E): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#7D6576): A full-bodied, dusty pink — the color of a candy shop window.
- Cocoa (#634542): A full-bodied, dusty orange — the color of sun-warmed clay.
Feels like: 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
- Dusty Alley color palette (#F0FADA, #9EB99B, #6E8979, #7D5557, #6B4000)
- Dusty Basin color palette (#FFF0FC, #E0CDD9, #8DADA1, #8A7EA1, #584555)
- Worn Hollow color palette (#F9F4EE, #CCE4DD, #7FA38A, #437B68, #365144)
- Garnet Boulevard color palette (#DAE3CF, #76AD8B, #5B7556, #513B6A, #5A222A)
- Olive Boulevard color palette (#F5F7E5, #95BD8A, #B486B5, #558049, #654148)
- Wandering Study color palette (#F4F8E1, #73A776, #7389BA, #A0645E, #414700)
- Basalt Field color palette (#F1FADC, #AAD7B6, #60926A, #2F5C3B, #344100)
- Softworn Mulberry Alley color palette (#C4EEE4, #41A7B4, #32709B, #812B4E, #6A291F)
Browse the whole catalog at Explore, or see today's palette.