Tempered Cocoa color palette — #FFF2EA · #E6DAD5 · #D5C28B · #B5B6AA · #633900
Built around Bronze, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Bone (#E6DAD5): bright and airy, almost weightless.
- Sand (#D5C28B): A luminous, dusty green — the color of a quiet forest floor.
- Stone (#B5B6AA): soft and architectural.
- Bronze (#633900): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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
- Stone Ridge color palette (#FFF2EB, #DEDDCC, #C2BCA5, #7C9387, #584E58)
- Timeworn Mustard Meadow color palette (#FFF3E8, #E3DEBA, #D6B269, #82784A, #605000)
- Tempered Garden color palette (#FAF5E8, #E0DCCE, #B5DDA4, #9ACAC6, #3A3932)
- Weathered Atelier color palette (#FFF0F7, #E7D9CB, #FFC398, #BD9146, #563844)
- Washed Lime Cabin color palette (#FFF3E5, #E5DCD3, #BED4A9, #BBC200, #2F2400)
- Ancient Straw color palette (#FCF4E7, #FFE48F, #BEC8FF, #AB9962, #543E4E)
- Apricot Summit color palette (#FEF3E9, #F1954A, #714C00, #312923, #130E0C)
- Muted Courtyard color palette (#FFF4DD, #FFDE55, #D5D8CB, #8DBF75, #201F00)
Browse the whole catalog at Explore, or see today's palette.