Tempered Cocoa Coast color palette — #FFF2ED · #E0DBCE · #B6C0CC · #BC8FB4 · #723910

Bronze takes the lead with Dusty Rose close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Ash (#B6C0CC): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#BC8FB4): A luminous, dusty pink — the color of peonies in June.
• Bronze (#723910): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Cocoa Coast 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 Chestnut Garden color palette (#FFF2EA, #DEE2CB, #A2C6D0, #D9B0AB, #734700)
• Patina Lantern color palette (#FFF1F0, #FCF8C1, #E1DCCF, #AF96C1, #583F37)
• Muted Stone color palette (#FFEEE7, #E3D7BB, #E0BF85, #AA7384, #512500)
• Dusty Thicket color palette (#FEF0FF, #E9E2CF, #CBD490, #9B6B96, #584955)
• Feathered Hollow color palette (#FFF2EE, #E0E2CD, #A9E77F, #D56196, #422400)
• Frosted Lichen Station color palette (#FFF3E9, #F5FDAE, #A2FEE9, #DB8A81, #4A3B0A)
• Taupe Archive color palette (#FEF4E5, #DEE1B1, #B39A6D, #89604A, #32322B)
• Frosted Studio color palette (#FFF5D9, #B8ECC8, #5CC3CF, #A25800, #0E1800)

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