Tempered Cocoa Workshop color palette — #FBF4EA · #C8DFCC · #B6AF8A · #967E8A · #584300

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B6AF8A): A luminous, dusty green — the color of a quiet forest floor.
• Heather (#967E8A): A luminous, dusty rose — the color of pressed rose petals.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Worn Basalt color palette (#F6F6E9, #C2EACC, #71AC9B, #916B67, #323E00)
• Muted Cocoa color palette (#FFF1F2, #F9D1CE, #E49CAF, #A86D6D, #7C3F20)
• Driftwood Courtyard color palette (#F1F7F1, #ABC9B8, #7D8851, #5E647D, #415248)
• Timeworn Taupe color palette (#FFF2EE, #F4D3C7, #91DBDB, #C7848D, #314F32)
• Timeworn Corridor color palette (#FFF2EC, #E4D9D2, #DC9B93, #945957, #471F1D)
• Tempered Shell color palette (#FFF2EE, #FFB5B6, #A0C892, #83A4D4, #47332D)
• Antique Moss color palette (#FFF4DF, #D9DF99, #7D9E59, #7B5D8D, #2F3103)
• Ancient Cerulean Workshop color palette (#F9F4ED, #C7DDEC, #C4BCEB, #5D9CB2, #5C4555)

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