Tempered Cocoa color palette — #D6E5D6 · #7BA38B · #835C1F · #652A03 · #001E15

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

The five colors

• Celadon Mist (#D6E5D6): A whisper-light, dusty green — the color of new leaves after rain.
• Eucalyptus (#7BA38B): A luminous, dusty teal — the color of glacier melt.
• Ochre (#835C1F): A full-bodied, balanced gold — the color of old brass.
• Rust (#652A03): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#001E15): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Chestnut Terrace color palette (#D8F3DC, #8C885B, #6E4F00, #4D2400, #0A1100)
• Timeworn Canyon color palette (#F1D8E7, #B6906C, #8B553F, #6B202A, #011E0A)
• Hushed Workshop color palette (#E6F7EC, #91B4A8, #82753C, #6A4200, #022925)
• Washed Chestnut Field color palette (#DFECDF, #AD935E, #855A05, #603A08, #1F3628)
• Worn Chestnut color palette (#FFF3E4, #DBC4A0, #A98249, #7D4B08, #2D1F02)
• Tempered Rust color palette (#F4DCED, #CF8395, #AF4631, #592F00, #1E1400)
• Mulberry Ridge color palette (#F3F0FB, #C18BB9, #885900, #8E0085, #000901)
• Fern Workshop color palette (#D7F1E4, #4D6D22, #3A3800, #221500, #000201)

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