Tempered Cocoa color palette — #F6E8F3 · #C297A8 · #8A6384 · #604300 · #312D0D

Bronze takes the lead with Slate close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F6E8F3): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#C297A8): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#8A6384): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#604300): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#312D0D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, 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

• Forest Bloom color palette (#F9D5DD, #CA9C99, #986764, #3B552B, #233119)
• Antique Pewter color palette (#D1F8EA, #92A4CC, #7C689A, #634122, #382A0B)
• Mulberry Archive color palette (#DCE1FF, #8E789F, #772F5C, #332F00, #091700)
• Aged Alley color palette (#FFE8E4, #B6837C, #815325, #004B3F, #002510)
• Aged Lilac color palette (#C3E6FC, #ABA5E5, #9A6E81, #255D56, #264249)
• Worn Summit color palette (#FFECEF, #E0C8C5, #A88E83, #646D26, #3C4936)
• Washed Studio color palette (#F5F1EA, #B5D0B5, #008C9C, #005E47, #002819)
• Deep Mulberry color palette (#FED7D9, #8A4258, #5C1C00, #002110, #000605)

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