Cocoa Bloom color palette — #FFF2EE · #E7D8C4 · #C7C48C · #D28EA1 · #6C2E17

Rust and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E7D8C4): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C7C48C): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#D28EA1): A luminous, balanced red — the color of embers at dusk.
• Rust (#6C2E17): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Tempered Cabin color palette (#FFF2F0, #F1D6BF, #E9C086, #A87CA6, #50342C)
• Muted Cocoa color palette (#FFF2EB, #DFD9CD, #96BCCA, #E1A29F, #743C0F)
• Tangerine Hollow color palette (#FFF2EA, #FFDAB3, #F7C753, #E97442, #532F00)
• Weathered Balcony color palette (#F9ECE3, #F2BD7C, #B67654, #79482D, #1F130B)
• Washed Taupe Canyon color palette (#F5E5D4, #D8BD98, #C19460, #9C6F4A, #34302A)
• Frosted Parlor color palette (#F6E4E2, #FAB49F, #C8AC68, #C76D7B, #44160E)
• Linen Balcony color palette (#FFF5D5, #F8F39C, #9BEBB1, #C89D51, #45423B)
• Timeworn Apricot Atelier color palette (#FCECFC, #F5CDEB, #EFA37F, #8F5060, #321C2F)

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