Tempered Cocoa Workshop color palette — #FAF4EB · #CEC099 · #7B875D · #74615B · #5F4A00
Bronze and Driftwood set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Sand (#CEC099): A luminous, dusty green — the color of new leaves after rain.
- Driftwood (#7B875D): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#74615B): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Cocoa Workshop 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
- Softworn Dune color palette (#F6F1E9, #CCC3A5, #87873F, #77585A, #33312A)
- Muted Quarry color palette (#FFEBDA, #DEAB64, #9D8337, #686130, #484B44)
- Aged Orchard color palette (#FCF5E3, #C6F7D8, #CDDCB1, #9B8468, #5A4D00)
- Muted Iris color palette (#FCF4E6, #C2AF6C, #8396D2, #81723E, #5B4556)
- Ancient Boulevard color palette (#F3F8E6, #7BC0A7, #3F807A, #785107, #324C08)
- Washed Lantern color palette (#EEF8EF, #B8DBC9, #8DA47D, #80798D, #3E5348)
- Softworn Parlor color palette (#FFF4DA, #A69A44, #3797B3, #95696A, #45423B)
- Aged Boulevard color palette (#FDF5DC, #93AF5D, #2C7D2B, #6E443A, #334019)
Browse the whole catalog at Explore, or see today's palette.