Tempered Cocoa color palette — #F6ECE2 · #DACEBD · #B4A484 · #6C4300 · #050200

A conversation between Bronze and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F6ECE2): bright and airy, almost weightless.
• Oat (#DACEBD): A whisper-light, dusty gold — the color of old brass.
• Camel (#B4A484): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Dusty Study color palette (#F2EDE1, #C0BBA4, #969378, #433D00, #020100)
• Washed Alley color palette (#E5DDD7, #B1A896, #84833B, #552B00, #210F01)
• Ancient Drift color palette (#EDE8D4, #91982A, #4B6337, #004142, #000A0D)
• Forest Field color palette (#F4F7E9, #CCE0D1, #B3C0A7, #306F3B, #0C0E02)
• Patina Bronze Alley color palette (#F3E8C9, #966F00, #494500, #00211B, #020100)
• Quiet Chapel color palette (#E6E3C3, #6B9F48, #095E15, #382800, #000200)
• Marigold Drift color palette (#FFF2DA, #F7991C, #B58800, #767300, #020100)
• Patina Fern color palette (#EEEAD6, #615F68, #5C4C00, #151C16, #060600)

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