Cocoa Bloom color palette — #E6F7EB · #00A7C0 · #9D567D · #843213 · #362A00

A conversation between Rust and Cyan, giving this palette its sense of nature and growth.

The five colors

• Cream (#E6F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00A7C0): A luminous, balanced blue — the color of deep harbor water.
• Magenta Rose (#9D567D): A full-bodied, balanced rose — the color of a warm blush.
• Rust (#843213): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#362A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Plum Loft color palette (#E5F8E8, #00A9B3, #97539D, #654C00, #263000)
• Timeworn Ridge color palette (#EBF9F2, #57B1D9, #B66374, #7C551A, #313E01)
• Muted Jade color palette (#EDF5E3, #31AD81, #7D60AA, #802C57, #481D00)
• Chalky Workshop color palette (#FDECFA, #6C92E7, #A55A3E, #6A4900, #003618)
• Sunlit Plum Veranda color palette (#C3F5E4, #0095DC, #C0005A, #414F00, #202800)
• Aged Lilac Corridor color palette (#E2F8F1, #66B9FD, #9C7DE3, #A44C80, #003334)
• Aubergine Lagoon color palette (#DBEEDC, #008587, #762591, #462D00, #121300)
• Cerulean Courtyard color palette (#D6F0E3, #008DB7, #4E374B, #0F271D, #090F09)

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