Tempered Cocoa Field color palette — #F4DEF3 · #CC91B7 · #90636F · #734403 · #332715

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

The five colors

• Blush (#F4DEF3): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#CC91B7): A luminous, balanced pink — the color of neon signs at night.
• Pewter (#90636F): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#734403): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#332715): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Tempered Cocoa Field 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

• Weathered Coral Terrace color palette (#FFEAE4, #D78F80, #9A6D52, #554700, #27270F)
• Aged Pewter Boulevard color palette (#EAE1F3, #B2A7C9, #896D8B, #2F5D52, #1B4253)
• Antique Plum color palette (#F2DCEC, #AA5D7D, #80424C, #462D00, #171200)
• Patina Stone color palette (#CEDFFA, #D0A5AC, #A88779, #5C6C52, #37462B)
• Weathered Loft color palette (#FFEEE7, #E6C0AD, #A59384, #76691D, #3F4200)
• Soft Archive color palette (#F4D4ED, #CB62AF, #A03477, #6E274B, #350B1B)
• Wandering Courtyard color palette (#FFEDEE, #F77B8F, #A83D53, #5D0D24, #1F0006)
• Softworn Meadow color palette (#F7E2D1, #B67D33, #7D5C13, #1D452D, #132204)

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