Tempered Cocoa color palette — #F6F6EC · #88A17A · #4E7499 · #7D3D44 · #344A27
A conversation between Coffee and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F6EC): a clean, paper-quiet neutral.
- Moss (#88A17A): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#4E7499): A full-bodied, dusty blue — the color of deep harbor water.
- Coffee (#7D3D44): A full-bodied, balanced red — the color of embers at dusk.
- Deep Olive (#344A27): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Washed Canyon color palette (#F9F5EC, #A59860, #2F7D84, #763A6A, #553F00)
- Hushed Parlor color palette (#F0F8EF, #67A59F, #8D5D8C, #5A560A, #2F4B2C)
- Hushed Petrol Studio color palette (#E7FDE2, #7CBDC2, #3594B2, #126A9A, #5F455E)
- Wandering Quarry color palette (#E6F5FB, #3EAEBA, #4372B3, #57406D, #002E2F)
- Worn Cypress color palette (#FAF4F0, #CCE5E4, #769DC3, #2F7C78, #64485E)
- Wandering Lagoon color palette (#F2F9E1, #C2D2C2, #78958C, #9A6234, #565500)
- Mulberry Parlor color palette (#E6FCEB, #008E9C, #981F6B, #7B0022, #363200)
- Timeworn Corridor color palette (#EEF8F2, #6CBFD5, #738BC3, #7E588C, #40443D)
Browse the whole catalog at Explore, or see today's palette.