Tempered Cocoa Station color palette — #FDF3EE · #CBC18B · #7F5047 · #5E2500 · #29231B

Espresso takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Sand (#CBC18B): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#7F5047): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#5E2500): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#29231B): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Bronze Atelier color palette (#FCF3EE, #EFAF97, #5B8B63, #985B45, #2D2F28)
• Dusty Oat color palette (#FCF1FA, #CFD6A8, #91718D, #5D435A, #30282F)
• Muted Loft color palette (#FAF5E5, #CCA86C, #56541C, #302E27, #181D10)
• Worn Pewter Basin color palette (#FBF2F8, #C8E8CE, #C09283, #8C6153, #33272F)
• Muted Apricot color palette (#FFF3E4, #D59A52, #6A7F51, #714C63, #5D4300)
• Nocturne Alley color palette (#E5E0BE, #916100, #1D282C, #1A2000, #040500)
• Wandering Canyon color palette (#EBDBCB, #AC8700, #4D2D00, #221200, #070500)
• Washed Amber Parlor color palette (#FFF2E9, #C67848, #36669C, #654865, #423034)

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