Tempered Cocoa color palette — #F9F4EE · #DBD0B3 · #8FA37B · #947187 · #5F4A00
A conversation between Bronze and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F4EE): bright and airy, almost weightless.
- Wheat (#DBD0B3): A whisper-light, dusty gold — the color of old brass.
- Moss (#8FA37B): A luminous, dusty green — the color of fresh herbs.
- Driftwood (#947187): A full-bodied, dusty pink — the color of neon signs at night.
- 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 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
- Aged Studio color palette (#FAF5EB, #ECDDB4, #B5BA8C, #AF938A, #5F4A00)
- Softworn Fern Courtyard color palette (#F5F6ED, #BCCAAE, #42A09F, #8F6563, #324B08)
- Antique Bone Market color palette (#F0F8EF, #B7EDD3, #A3B68C, #7F8597, #3C4A42)
- Driftwood Meadow color palette (#F0F7F2, #A4CBB7, #808655, #715F71, #425149)
- Indigo Quarry color palette (#FCF4E4, #AAC682, #469A64, #7556A3, #32401A)
- Ancient Summit color palette (#FFF2EC, #F3CBB5, #D08C79, #994D39, #502A1C)
- Muted Coral color palette (#FEF2EE, #EDB3B3, #61C0D8, #CB6B6F, #305741)
- Hushed Drift color palette (#E9E4D5, #90B080, #00875A, #684674, #2B2B03)
Browse the whole catalog at Explore, or see today's palette.