Tempered Cocoa color palette — #F9E0E8 · #7EA088 · #825A2C · #732905 · #0E392A

Rust and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F9E0E8): A whisper-light, dusty rose — the color of pressed rose petals.
• Eucalyptus (#7EA088): A luminous, dusty teal — the color of sea glass.
• Coffee (#825A2C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#732905): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#0E392A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Feathered Workshop color palette (#E3F4E2, #AE9C59, #8E5E05, #773100, #333A00)
• Wandering Garnet Terrace color palette (#F3E3EC, #B58898, #915031, #71282D, #173822)
• Tempered Chestnut color palette (#E6F3E9, #8C8B51, #6C5100, #542B00, #002B24)
• Worn Bronze color palette (#F5E2E8, #C4A982, #B16F07, #7F4D22, #213626)
• Muted Terracotta color palette (#F7D1E8, #B58151, #9A3500, #740023, #362600)
• Fern Cabin color palette (#FDF1F8, #C6896C, #316F00, #833400, #001E1A)
• Hushed Cocoa Summit color palette (#F8EAF3, #A89D5C, #712811, #400D00, #220E1C)
• Hushed Study color palette (#FDF2F7, #A9BFA8, #997386, #71516C, #3B4C42)

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