Cocoa Bloom color palette — #FFF2EE · #E0DBCE · #9CC1BA · #BE9194 · #7B401B

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Ash (#9CC1BA): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#BE9194): A luminous, dusty red — the color of embers at dusk.
• Bronze (#7B401B): A full-bodied, balanced orange — the color of autumn markets.

Feels like: 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 Driftwood color palette (#FEF1FB, #E7D5D6, #B4AC9C, #A67579, #5D4C58)
• Bronze Delta color palette (#FCF4E9, #D3CAB1, #AC987C, #9C6735, #504900)
• Wandering Coral color palette (#FFF2ED, #E0DEC7, #BBCF80, #C96B7F, #663B1B)
• Patina Bronze Orchard color palette (#FBF4EE, #E1CFAC, #A66F3F, #723E06, #322922)
• Washed Marigold color palette (#FCF4E9, #CFA265, #68A6BB, #40859B, #553500)
• Hushed Mulberry color palette (#F8E2D8, #C1976E, #90892A, #812A5E, #150500)
• Feathered Teal color palette (#EFE2C4, #9CBC67, #00AD8C, #7C4400, #161700)
• Hushed Station color palette (#F7F6E8, #A4A862, #589882, #4F6995, #5C2102)

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