Tempered Cocoa color palette — #DAEBE9 · #6DA09C · #368378 · #82331B · #2C2C00

Built around Rust, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Frost (#DAEBE9): a clean, paper-quiet neutral.
• Eucalyptus (#6DA09C): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#368378): A full-bodied, dusty teal — the color of glacier melt.
• Rust (#82331B): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#2C2C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

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

• Tempered Loft color palette (#F2EADC, #839D6E, #007984, #6E3811, #3D1C00)
• Tempered Garnet Summit color palette (#C3E8E0, #408E9F, #325F8E, #641D34, #3A1C09)
• Washed Lagoon Ridge color palette (#E4F2E0, #469474, #306983, #563E00, #061F00)
• Cobalt Field color palette (#D7EBDC, #5F9CA3, #606FAB, #4E5218, #272A00)
• Sunlit Cerulean Canyon color palette (#C0EDE5, #5DACC3, #5088B9, #8A4E5E, #431103)
• Hushed Orchard color palette (#C7EEB8, #48BEC1, #5F78A9, #5E3510, #281100)
• Weathered Aubergine color palette (#D8EDE6, #3D7F9C, #5B4383, #173A00, #051500)
• Timeworn Canyon color palette (#D9F6EB, #A6C9CA, #8AA2B2, #608169, #36564B)

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