Tempered Cocoa Terrace color palette — #F3F4FF · #F2CBFF · #DDA1BB · #BD7D75 · #6E3E0C

A conversation between Bronze and Caramel, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#F2CBFF): A whisper-light, balanced pink — the color of neon signs at night.
• Ballet Pink (#DDA1BB): A luminous, dusty rose — the color of a warm blush.
• Caramel (#BD7D75): A luminous, balanced orange — the color of toasted spice.
• Bronze (#6E3E0C): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication, Softness. Tagged light, muted, warm.

Use it as a design system

One click turns Tempered Cocoa Terrace 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 Mallow Thicket color palette (#F5F4FF, #F0B7E3, #CA8AA5, #9E6269, #6E3428)
• Timeworn Dune color palette (#FFF1F3, #FFCAD2, #E8A491, #AA885C, #464B00)
• Tempered Petal Summit color palette (#F2F9E2, #D4C6FF, #D69CA3, #7C9478, #574145)
• Timeworn Terracotta color palette (#EEF1FF, #C4BDE6, #B4738F, #8A3941, #471B00)
• Antique Mallow Lantern color palette (#FFEDEC, #F592C4, #A96A46, #5F5050, #262021)
• Sunlit Blush Grove color palette (#F0E7FF, #FFA7DF, #FF6F8B, #BD5D00, #483300)
• Ash Courtyard color palette (#FCF2F5, #E3D9D2, #B4B4A6, #929EAA, #595052)
• Linen Fuchsia color palette (#F3E3F9, #FD7CCC, #E55D50, #945600, #2A2500)

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