Tempered Cocoa color palette — #FEDBCD · #CAB394 · #7A9C7C · #935966 · #73351B
Built around Rust, softened by Pewter — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FEDBCD): A whisper-light, dusty orange — the color of toasted spice.
- Sand (#CAB394): A luminous, dusty gold — the color of old brass.
- Eucalyptus (#7A9C7C): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#935966): A full-bodied, dusty red — the color of a theater curtain.
- Rust (#73351B): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
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 Cocoa color palette (#FFF1E8, #D5CBB7, #8FA07E, #967368, #774012)
- Patina Pewter Dune color palette (#FFE0D7, #DAAB9B, #9B8C6B, #765F95, #5D3338)
- Tempered Fern color palette (#E9F0C2, #C1C39F, #54A1B0, #8F6440, #484E00)
- Dusty Market color palette (#F5D9CE, #A49C62, #167F61, #822F32, #4C1918)
- Ancient Chestnut color palette (#E1E4D5, #A0A77E, #4E8D91, #864C00, #343C15)
- Terracotta Dune color palette (#EBE1CD, #8DBD7B, #009AA6, #993D1C, #712507)
- Washed Cerulean color palette (#F5F7E6, #88C2B3, #0090A3, #8D4C5C, #2A3B1E)
- Tempered Bone color palette (#FFF3E5, #D0E2A8, #75A3AB, #6C6285, #423A54)
Browse the whole catalog at Explore, or see today's palette.