Tempered Cocoa color palette — #E7DDE1 · #C5B3B9 · #7A977D · #683500 · #2C1821
A conversation between Bronze and Eucalyptus, giving this palette its sense of nature and growth.
The five colors
- Silver (#E7DDE1): a clean, paper-quiet neutral.
- Rosewood Mist (#C5B3B9): A luminous, dusty rose — the color of a warm blush.
- Eucalyptus (#7A977D): A luminous, dusty green — the color of fresh herbs.
- Bronze (#683500): A deep, shadowed, balanced gold — the color of honey in a jar.
- Onyx (#2C1821): A deep, shadowed, dusty rose — the color of a warm blush.
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
- Tempered Boulevard color palette (#DAE5DF, #ADBDB7, #669A8E, #4A4700, #14231C)
- Muted Basin color palette (#F2EBEF, #C6B3BC, #A58390, #772500, #2A1924)
- Chestnut Pier color palette (#F2E4DA, #CFC2B0, #ACA48B, #8F4C22, #281D14)
- Muted Lagoon color palette (#E8F0EF, #BED0CE, #81A9A8, #346311, #1F322F)
- Timeworn Coast color palette (#E7F1ED, #88A098, #547972, #2B2E00, #010C07)
- Timeworn Thicket color palette (#CFE6D1, #E68100, #A37100, #5C5100, #1C1300)
- Worn Fern Ridge color palette (#E5E1D0, #898D3A, #466918, #004140, #0C2639)
- Antique Olive Studio color palette (#DCEDE5, #6E8426, #2E4F00, #422800, #002119)
Browse the whole catalog at Explore, or see today's palette.