Tempered Cocoa color palette — #DFE7E0 · #AABEB6 · #649A93 · #584000 · #142318

Built around Deep Olive, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#DFE7E0): bright and airy, almost weightless.
• Ash (#AABEB6): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#649A93): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#584000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#142318): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Softworn Ridge color palette (#F2EEE7, #B9B3A1, #958E6B, #514200, #0F0A02)
• Hushed Garnet color palette (#EFE4EB, #C9B1BA, #749881, #7B1F00, #291925)
• Hushed Ridge color palette (#D8E2DB, #B1CBBE, #8EADA1, #725F12, #132419)
• Weathered Forest Quarry color palette (#E5F1F1, #BAD1D6, #82A6BA, #006543, #213131)
• Washed Spruce color palette (#D8E5E3, #8A9E9F, #477987, #0C3500, #000C0A)
• Wandering Lagoon color palette (#DBF5EF, #428A6B, #00504C, #4E1D14, #002021)
• Washed Forest color palette (#D5E5D4, #80944E, #00714C, #522450, #411A19)
• Ancient Bronze Veranda color palette (#F1F7F3, #D1DEDF, #ACC5CF, #82743C, #414B44)

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