Tempered Cocoa color palette — #EAE0FF · #DEB7EC · #CA98BA · #A97B6B · #6D3C06

Built around Bronze, softened by Lavender — the whole palette hums with optimism and creativity.

The five colors

• Thistle (#EAE0FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#DEB7EC): A whisper-light, balanced pink — the color of neon signs at night.
• Mauve (#CA98BA): A luminous, dusty pink — the color of neon signs at night.
• Caramel (#A97B6B): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6D3C06): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged vintage, retro, 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 Pier color palette (#FFDBE2, #E5BABC, #CD9C97, #AA7641, #5E3D00)
• Garnet Delta color palette (#D8EAFF, #BBCBFF, #ABA5E0, #AC7F90, #6E323C)
• Fern Workshop color palette (#CFE8FF, #BEB9ED, #AF839C, #478258, #384F0B)
• Ancient Bronze color palette (#F4DCE5, #C97F8C, #AE6156, #615423, #202100)
• Timeworn Archive color palette (#E9DFF4, #BB99C0, #A85B8F, #7C462D, #432400)
• Worn Drift color palette (#FFE3E4, #E6AA9E, #D1814F, #80843C, #2A4A00)
• Powdered Fuchsia Dune color palette (#E7D6FF, #DDAFFF, #D578F2, #B056B8, #622C5B)
• Aged Quarry color palette (#FFF1F3, #FB9DFD, #FA9E31, #DA57DF, #563000)

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