Tempered Cocoa color palette — #FDEDEF · #BA8AB2 · #8C6185 · #7D3021 · #002D35

Rust and Dusty Rose set the tone — five colors that lean into creativity and warmth.

The five colors

• Blush (#FDEDEF): a clean, paper-quiet neutral.
• Dusty Rose (#BA8AB2): A luminous, dusty pink — the color of peonies in June.
• Slate (#8C6185): A full-bodied, dusty pink — the color of a candy shop window.
• Rust (#7D3021): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#002D35): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Washed Mulberry color palette (#FBEEF4, #8E84BD, #974757, #004C44, #20153E)
• Periwinkle Bloom color palette (#FAF2F9, #7498D4, #995979, #6E4C05, #40443D)
• Softworn Cocoa Study color palette (#EDF4EA, #6BAA9D, #4D759E, #723D00, #002F28)
• Fern Orchard color palette (#EBF5F0, #6CA4C4, #866290, #425400, #002B3F)
• Mulberry Field color palette (#FEEAFF, #AAB6E7, #9380C2, #754275, #533030)
• Softworn Cobalt color palette (#F6E9F2, #7280B1, #48363A, #271923, #070E0B)
• Patina Quarry color palette (#FAF0E9, #D0C1AB, #92833A, #7A5561, #34302A)
• Dusty Atelier color palette (#F0F6FD, #B4CDF5, #BC88A1, #8A631C, #034330)

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