Cocoa Bloom color palette — #FFF2EB · #E0D9C9 · #B5CC99 · #C1807D · #783F16

Built around Bronze, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E0D9C9): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#B5CC99): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#C1807D): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#783F16): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Washed Chestnut color palette (#FEF3E8, #DDDCCA, #B2B2BC, #D09C7D, #6F4700)
• Softworn Ash color palette (#FFF1F1, #E2D8D0, #FDBDBF, #B981AB, #5C413F)
• Powdered Amber color palette (#FFF4DF, #D7E3B7, #BBD773, #B67B00, #4E4302)
• Moss Atelier color palette (#EEDDC6, #B4A275, #8D8E29, #663900, #110B00)
• Washed Driftwood Lantern color palette (#FDF4E4, #CDBC95, #A28E51, #7F6433, #3F3D36)
• Timeworn Terracotta Balcony color palette (#FCE6D9, #D5A27A, #C38A32, #A92E1A, #2B0F00)
• Rust Loft color palette (#FFF1E8, #FFD5A8, #E8B200, #CF5300, #4F2D00)
• Faded Chartreuse Basin color palette (#F1D9E3, #A8DF68, #FFA83B, #443E39, #34281B)

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