Tempered Cocoa color palette — #FBEDF6 · #C2A1AD · #996755 · #6E3B3F · #122818

Cocoa and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FBEDF6): bright and airy, almost weightless.
• Rosewood Mist (#C2A1AD): A luminous, dusty rose — the color of pressed rose petals.
• Walnut (#996755): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#6E3B3F): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#122818): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Washed Cocoa Quarry color palette (#EAF6EA, #90B6A1, #8A7045, #6B4024, #0D2821)
• Dusty Market color palette (#FFF0F9, #C99C81, #A35D3F, #734338, #4C353F)
• Ancient Onyx color palette (#F6EEFA, #B3B883, #794055, #460F27, #100A13)
• Patina Plum color palette (#F5F0F6, #DDA0AB, #668111, #AD2B55, #01120D)
• Wandering Parlor color palette (#F4E1EA, #B2843F, #8D4400, #6B0206, #171200)
• Cocoa Terrace color palette (#EFDBE5, #8D6A3F, #6D2F00, #480008, #080500)
• Muted Orchard color palette (#D2EADB, #828C5F, #645400, #462A00, #021300)
• Ancient Bronze color palette (#FDEDF2, #AF7A39, #697E42, #005C70, #28121A)

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