Tempered Cocoa color palette — #FFEBF6 · #E5AB8F · #AF6643 · #6C2900 · #2A0B00

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

The five colors

• Blush (#FFEBF6): A whisper-light, dusty pink — the color of neon signs at night.
• Sand (#E5AB8F): A luminous, dusty orange — the color of toasted spice.
• Ochre (#AF6643): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#6C2900): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#2A0B00): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged monochrome, 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

• Airy Garnet Market color palette (#FEEAFF, #ECA7AC, #B35A61, #750D28, #2C000A)
• Misty Pier color palette (#FFF2EB, #EFAA87, #BD5426, #6E2C00, #4C2615)
• Bronze Loft color palette (#DCFCDF, #D1B17E, #986F1A, #543A00, #1C1100)
• Bronze Veranda color palette (#F4E3D8, #9E5500, #552800, #210C00, #030100)
• Hushed Pier color palette (#FFF0F9, #EADAC6, #D98D64, #984000, #381300)
• Wandering Bronze Study color palette (#FEECF6, #EECECD, #CFCB95, #A3665A, #3C2330)
• Aged Cocoa Canyon color palette (#E2F8EC, #8AB7A3, #7D7643, #5B4A16, #022A1F)
• Aged Amber color palette (#FFE0BD, #D68300, #865100, #432600, #0D0400)

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