Tempered Cocoa color palette — #F4F4FF · #ECD8DC · #D79AAF · #A66770 · #6B2D25

Rust takes the lead with Mocha close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Bone (#ECD8DC): A whisper-light, dusty red — the color of late-summer berries.
• Mauve (#D79AAF): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#A66770): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#6B2D25): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Tempered Pier color palette (#F1F5FF, #E4D5E7, #BFA5E0, #8D678F, #603250)
• Apricot Villa color palette (#FFF1F4, #E4D7CF, #E7A486, #936842, #563A00)
• Dusty Terracotta Drift color palette (#FFECF5, #D7B5D7, #A66F8A, #8A3641, #4F1F00)
• Weathered Scarlet color palette (#FFF1F6, #FF96A6, #CC3E3C, #712C00, #210F00)
• Ancient Cabin color palette (#E9FBEC, #FFC8F9, #CA9098, #4D7D76, #443B4D)
• Abyss Grove color palette (#F7F3FF, #EBD6DE, #D1B8C7, #77918F, #38555C)
• Rose Archive color palette (#FFF0FA, #FFBAD0, #E55E70, #A42E00, #462000)
• Washed Blush color palette (#F9F2FF, #EF88B9, #5E4E5F, #2E2932, #100E14)

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