Tempered Cocoa Coast color palette — #FFE6F3 · #B099C9 · #976A72 · #7F5049 · #5C4600

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

The five colors

• Blush (#FFE6F3): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#B099C9): A luminous, dusty violet — the color of wild irises.
• Mocha (#976A72): A full-bodied, dusty red — the color of a theater curtain.
• Coffee (#7F5049): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#5C4600): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Wandering Bloom color palette (#F2DFE3, #B589AA, #8E566B, #653811, #343200)
• Chestnut Garden color palette (#FFE5F2, #D998A6, #AE6D6A, #71550C, #4B4841)
• Ancient Mallow Villa color palette (#E5E1FF, #DAC0F5, #D29CD1, #BB7D73, #64391D)
• Ancient Cobalt color palette (#D9ECFF, #8EA4D1, #7577B1, #754460, #643022)
• Timeworn Fern Boulevard color palette (#CDF0F9, #91AED1, #8F77A3, #555B01, #003829)
• Aged Bronze Hollow color palette (#FFF2EE, #D4B8AC, #A89180, #7F6D22, #475244)
• Wandering Ash color palette (#E8F7FF, #AFC5E7, #A47FB6, #5F713F, #055D44)
• Pale Grape color palette (#FFF1F4, #B476D1, #C16000, #8325A8, #5D2A00)

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