Tempered Cocoa color palette — #FFF2EC · #DFDBCD · #E4A2B2 · #ABB5CB · #753F0D

Bronze and Ballet Pink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFDBCD): bright and airy, almost weightless.
• Ballet Pink (#E4A2B2): A luminous, balanced red — the color of late-summer berries.
• Ash (#ABB5CB): A luminous, dusty violet — the color of twilight just after sunset.
• Bronze (#753F0D): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Mallow Lantern color palette (#FFF1F1, #E2D9D0, #CDA9D9, #96B5AC, #5B4745)
• Antique Stone Workshop color palette (#FFF4DE, #D2E3C7, #B5BACC, #D5A971, #574600)
• Softworn Parlor color palette (#FBF4EC, #E0BC8D, #75C3E0, #8D93D4, #413C36)
• Coral Thicket color palette (#FFF3E9, #E1E0BC, #A7E2A1, #FF756A, #5A3A1A)
• Wandering Bronze color palette (#F9F4EF, #F2DAB4, #BA9774, #916129, #322A21)
• Linen Brick color palette (#FCEAE0, #D19D6A, #A89936, #BF203B, #170700)
• Softworn Marigold color palette (#F8F4EF, #F4D9B4, #8FC894, #D8A032, #2D2F28)
• Patina Jade Studio color palette (#F1F2DA, #7FC8AA, #3EBD85, #916C00, #121A00)

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