Tempered Cocoa color palette — #EEE2DB · #BBB1A8 · #9B8B74 · #752600 · #160600

Built around Rust, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#EEE2DB): bright and airy, almost weightless.
• Ash (#BBB1A8): a calm mid-gray that lets other colors speak.
• Caramel (#9B8B74): A luminous, dusty gold — the color of old brass.
• Rust (#752600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#160600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Bloom color palette (#EADFD4, #AB9E8B, #927931, #512C00, #090300)
• Wandering Garnet color palette (#E8DEE5, #B1BDAF, #749787, #7F1600, #2A1826)
• Tempered Chestnut color palette (#FCF0E2, #DDD2BD, #B4AC8B, #7C5100, #231708)
• Weathered Parlor color palette (#F1E6CF, #787E3F, #2F4E00, #4A1516, #0B0700)
• Bronze Chapel color palette (#F7F0EB, #D9D8CD, #BCBFAE, #98684B, #332A23)
• Fern Archive color palette (#F8D8C4, #947B47, #4C5B12, #06374F, #0B0E2D)
• Coral Loft color palette (#F5E0CB, #FF715D, #C56900, #615800, #060300)
• Chestnut Quarry color palette (#F2DECD, #874300, #004315, #001C2F, #0A0008)

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