Tempered Cocoa color palette — #FFEFFF · #FFCCC0 · #E4AE8B · #AB8755 · #594500
A conversation between Deep Olive and Caramel, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFEFFF): A whisper-light, dusty pink — the color of peonies in June.
- Shell Pink (#FFCCC0): A whisper-light, dusty orange — the color of toasted spice.
- Sand (#E4AE8B): A luminous, dusty gold — the color of honey in a jar.
- Caramel (#AB8755): A luminous, balanced gold — the color of old brass.
- Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, 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
- Muted Bronze color palette (#FFF1F2, #E2D9D1, #D79F82, #996F00, #3B4200)
- Antique Bronze Thicket color palette (#FFEDE8, #E4AA9C, #B4703B, #774D07, #3B2E00)
- Wandering Forest color palette (#FFF3E7, #ECD6A9, #C0BC86, #859455, #2C541E)
- Antique Shell color palette (#EBFAEE, #FFBEB1, #CDA679, #6295A5, #573F4D)
- Apricot Drift color palette (#FDEDF4, #EFA273, #6F816F, #5F5057, #252024)
- Feathered Archive color palette (#FFDDC1, #E7BF7A, #B39E3D, #738300, #193700)
- Aged Harbor color palette (#EFD9D6, #CD5E1B, #894F00, #503900, #050400)
- Softworn Ash Hollow color palette (#FFF0F9, #EED4DC, #AFC3B8, #83A0AF, #465261)
Browse the whole catalog at Explore, or see today's palette.