Tempered Cocoa color palette — #F4E9FF · #B5DDFF · #FFB6A4 · #713713 · #39322E

Bronze and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F4E9FF): A whisper-light, dusty violet — the color of wild irises.
• Powder Blue (#B5DDFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Melon (#FFB6A4): A whisper-light, balanced orange — the color of sun-warmed clay.
• Bronze (#713713): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#39322E): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Antique Honey color palette (#FFE6E7, #E8C9FF, #FFBB73, #734502, #36302B)
• Patina Seafoam Basin color palette (#C0EDFF, #65F2E6, #FFAED4, #644342, #372E2D)
• Antique Marigold Station color palette (#D9E5FF, #52EFC1, #FFA84B, #5A4340, #3B3135)
• Linen Apricot color palette (#F0E8FC, #7ECAFF, #FF9552, #63300B, #331F0E)
• Washed Driftwood Pier color palette (#F9F4EF, #E2CFA7, #997650, #644624, #312A22)
• Aged Market color palette (#E6E0FF, #16FDE9, #FFC894, #6F6963, #332F2B)
• Aged Lime Coast color palette (#F8D0FF, #FFABCB, #A2B600, #47463E, #2B2819)
• Taupe Orchard color palette (#F7F5EF, #D7DCD6, #A8B4B4, #A49D6F, #55524C)

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