Tempered Cocoa color palette — #F8E9F1 · #873500 · #304E00 · #00301D · #060100

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

The five colors

• Blush (#F8E9F1): bright and airy, almost weightless.
• Rust (#873500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#304E00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#00301D): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#060100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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 Corridor color palette (#F7E3ED, #8B3F00, #3F3600, #002106, #000505)
• Twilit Mulberry Pier color palette (#EEDCF2, #990041, #564000, #1F2D00, #050008)
• Tempered Fern color palette (#D3F3DF, #605200, #004F46, #002D34, #030200)
• Denim Studio color palette (#D8EDFF, #005882, #364C00, #00301C, #000206)
• Moonless Thicket color palette (#E0DBEF, #880086, #6C3000, #342500, #03000D)
• Antique Bronze Corridor color palette (#D0E8D3, #8A6300, #006C4F, #004546, #110900)
• Feathered Veranda color palette (#E7EEFF, #6D6AF9, #3B5D00, #00404E, #01000A)
• Washed Terrace color palette (#FDEAEC, #870085, #005126, #003215, #200108)

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