Tempered Cocoa color palette — #FFF2EE · #E8D8C2 · #F0B79B · #B37584 · #6A2E11

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E8D8C2): A whisper-light, dusty gold — the color of old brass.
• Sand (#F0B79B): A whisper-light, dusty orange — the color of autumn markets.
• Dusty Rose (#B37584): A luminous, balanced red — the color of embers at dusk.
• Rust (#6A2E11): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, 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

• Muted Cabin color palette (#FFF2E9, #E6DEB8, #E5C182, #B37160, #413B36)
• Washed Cocoa color palette (#FFF2EB, #DFDACD, #B5CD9C, #BE8580, #763F11)
• Aged Harbor color palette (#FFF1F3, #F8D2D4, #FCAEC7, #A179AF, #543437)
• Antique Mustard color palette (#FFEFE1, #FFD297, #DFB300, #BD5313, #512F00)
• Mulberry Archive color palette (#FFF2F0, #EED9B9, #C5A85F, #904A89, #572F27)
• Bronze Cabin color palette (#F7E5D0, #C4AA7C, #A17740, #755232, #33302A)
• Weathered Straw color palette (#FCF1FF, #FBCFD5, #F6D076, #CB93C7, #4E374C)
• Muted Courtyard color palette (#FFE7DD, #F9A686, #D58F52, #AE4854, #3C170E)

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