Tempered Cocoa color palette — #F5ECE4 · #D8CFB8 · #92B08A · #713F00 · #050200
A conversation between Bronze and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5ECE4): a clean, paper-quiet neutral.
- Oat (#D8CFB8): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#92B08A): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#713F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#050200): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.
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
- Antique Basalt Lantern color palette (#E5E0D6, #BCBCA9, #6B9E8D, #473B00, #020100)
- Worn Garnet color palette (#F8EBE6, #E1CBBA, #B4A485, #93002A, #080100)
- Bronze Terrace color palette (#F6EEE5, #AA9E8B, #947831, #4A3000, #080300)
- Basalt Courtyard color palette (#EBDEE2, #9EAEA4, #61897E, #502F00, #1F0D14)
- Emerald Orchard color palette (#E7E1CA, #5E9F6D, #005A52, #461539, #000200)
- Tempered Hollow color palette (#F5F6EB, #CAE0D6, #A5C3B1, #317026, #0D0E02)
- Hushed Bronze Dune color palette (#E8EFE7, #99B9B5, #76A2A3, #9B6400, #091809)
- Frosted Forest color palette (#FAE8E5, #A9903B, #006E37, #4D1A4D, #0F0010)
Browse the whole catalog at Explore, or see today's palette.