Tempered Cocoa Basin color palette — #FFEEE3 · #C7A484 · #966952 · #6D3D35 · #2E1F09

Built around Cocoa, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FFEEE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#C7A484): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#966952): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#6D3D35): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#2E1F09): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Cocoa Basin 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

• Patina Bronze color palette (#FBF0E2, #C8BA9C, #A37B3B, #7B4B10, #312C19)
• Chestnut Dune color palette (#F5DBC6, #B19270, #8A5732, #612C1D, #221500)
• Worn Cocoa Canyon color palette (#FFF0F8, #95B094, #946650, #783D45, #294437)
• Patina Terracotta color palette (#FFF0F8, #D9B1C0, #B78165, #995247, #2F4331)
• Stone Garden color palette (#EEF4E6, #C7B081, #2E6149, #00301E, #0A0E03)
• Powdered Lagoon Bloom color palette (#EDF5E5, #0C9D79, #8D619C, #7E3A3B, #151D0A)
• Eclipse Courtyard color palette (#FFE4D0, #815818, #532A00, #2F0A00, #030100)
• Worn Lagoon color palette (#EAF6E5, #00887C, #75457B, #6C2410, #151300)

Browse the whole catalog at Explore, or see today's palette.