Tempered Cocoa Workshop color palette — #FFF3E7 · #E6B98C · #7AC3D8 · #8C98C1 · #583400

Cocoa takes the lead with Sand close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sand (#E6B98C): A luminous, dusty gold — the color of old brass.
• Sky (#7AC3D8): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#8C98C1): A luminous, dusty violet — the color of twilight just after sunset.
• Cocoa (#583400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged light, muted.

Use it as a design system

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

• Hushed Cocoa color palette (#F9F5E9, #CCCC88, #6BB8BE, #8A7EAE, #6A2F0E)
• Timeworn Shell Parlor color palette (#FFF2EE, #F7ABAD, #89C6AA, #70A1BC, #4C3831)
• Dusty Market color palette (#FAF6E3, #C1C986, #9AB7EA, #AD8DB1, #3F3D36)
• Marigold Balcony color palette (#FDF4E6, #C6A760, #6CA5BA, #45849B, #403C36)
• Patina Pewter color palette (#F8F5EE, #D8DBD4, #A8B5B0, #68656F, #565249)
• Tempered Lantern color palette (#F7EFD1, #B2B32A, #78A1DD, #A469AA, #2F2603)
• Gentle Violet color palette (#FFF4E0, #F1C032, #009BE4, #8D72DF, #3A2802)
• Timeworn Marigold Orchard color palette (#FAF4ED, #F9D8AF, #8DC79C, #D2A160, #2D2F28)

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