Tempered Cocoa color palette — #FFF2EA · #C0A086 · #97644D · #6F453A · #593300
Built around Cocoa, softened by Walnut — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Camel (#C0A086): A luminous, dusty gold — the color of honey in a jar.
- Walnut (#97644D): A full-bodied, dusty orange — the color of autumn markets.
- Coffee (#6F453A): A full-bodied, dusty orange — the color of sun-warmed clay.
- Cocoa (#593300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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
- Cocoa Lagoon color palette (#F7E4D5, #B38E71, #84573C, #69321C, #342F2A)
- Bronze Delta color palette (#FDF4E7, #C7B598, #A17839, #805214, #5C4300)
- Dusty Apricot color palette (#FFF0F8, #ECC3D6, #E19877, #AC7A6D, #4E343F)
- Antique Terracotta Archive color palette (#FFF0F9, #DAB0BF, #B2836F, #965256, #2E4333)
- Timeworn Olive Drift color palette (#F9EED3, #A2A24E, #786A00, #5A4700, #37362F)
- Antique Bronze color palette (#FFE8D2, #966C35, #663900, #411C00, #201300)
- Antique Chestnut Lagoon color palette (#EBFAEC, #00888E, #785100, #3E4B00, #272F1C)
- Chestnut Lagoon color palette (#F4EBDD, #665916, #372A00, #190E00, #040400)
Browse the whole catalog at Explore, or see today's palette.