Cocoa Bloom color palette — #FFE2EE · #B69AC7 · #8F6687 · #783E1A · #3C2612

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

The five colors

• Blush (#FFE2EE): A whisper-light, dusty rose — the color of a warm blush.
• Mauve (#B69AC7): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#8F6687): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#783E1A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3C2612): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Chestnut Cabin color palette (#F6D5D5, #C29D98, #9E6164, #6C4800, #312811)
• Tempered Corridor color palette (#C9EAE1, #90A7D4, #7676A2, #624242, #3D2420)
• Mallow Studio color palette (#DFE6FF, #C5AFE5, #A985AA, #786273, #543B49)
• Ancient Grove color palette (#D2EAFF, #A39DC8, #926A83, #305B55, #17424C)
• Pewter Villa color palette (#EEDCFB, #916591, #6F3B58, #4C2106, #221000)
• Patina Chestnut Meadow color palette (#EBDAD9, #B47C67, #88572A, #38431D, #092A03)
• Olive Corridor color palette (#D9FFF4, #CECCFF, #BC82AB, #626B24, #363C00)
• Aubergine Veranda color palette (#F6E3E8, #B076C7, #008AA4, #74338B, #002028)

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