Tempered Cocoa color palette — #D9F4E4 · #006C82 · #873700 · #2B3C00 · #000608

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

The five colors

• Honeydew (#D9F4E4): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#006C82): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#873700): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#2B3C00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000608): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Mulberry Grove color palette (#D6F2DE, #006D7B, #930066, #4E2D00, #000607)
• Antique Corridor color palette (#E1EEFC, #1B6FC3, #702100, #2D2900, #000104)
• Timeworn Cobalt color palette (#DBF1FE, #0086B9, #866E00, #665300, #00050B)
• Hazy Byzantium Summit color palette (#FFE3E7, #9E009D, #734800, #004121, #0D000C)
• Gentle Station color palette (#F0E2EB, #4A32ED, #853900, #194000, #03011A)
• Feathered Byzantium Market color palette (#F1D9DD, #9800AC, #9E0115, #393800, #0C000F)
• Muted Pier color palette (#F6D9E0, #9E2FC6, #007255, #004E46, #180221)
• Hazy Mulberry color palette (#CFE7E0, #0088DE, #970055, #004879, #070000)

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