Tempered Cocoa color palette — #FFF2ED · #E0D9CE · #D4C59B · #AE7D84 · #7A3D1F
Built around Bronze, softened by Dusty Rose — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Bone (#E0D9CE): a clean, paper-quiet neutral.
- Sand (#D4C59B): A whisper-light, dusty green — the color of a quiet forest floor.
- Dusty Rose (#AE7D84): A luminous, dusty red — the color of embers at dusk.
- Bronze (#7A3D1F): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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 Cocoa color palette (#FFEDE9, #E0D8C8, #B2B7C2, #AC8486, #5B2400)
- Worn Oat Studio color palette (#FDF4E4, #DAE3C7, #C0D790, #9B7E55, #624C00)
- Washed Field color palette (#FEF0FF, #DCEDC0, #E9D7D8, #A59CBE, #5B4F5A)
- Weathered Amber Archive color palette (#FFE7D3, #E3B782, #B89000, #8A4628, #322D28)
- Timeworn Mustard Thicket color palette (#FFF2EA, #FFD6B2, #F4B212, #AB5B45, #46403B)
- Weathered Garnet color palette (#FDDECE, #C7764B, #955B00, #61070F, #1C0600)
- Aged Olive color palette (#E7E2D4, #9DA55F, #5C8C00, #503A00, #171800)
- Olive Bloom color palette (#F9F4EE, #D6BC91, #6E8929, #8D6506, #2F2E27)
Browse the whole catalog at Explore, or see today's palette.