Cocoa Bloom color palette — #FFF2EE · #E0D9CF · #DAB6B4 · #A0B3B2 · #804128

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0D9CF): bright and airy, almost weightless.
• Rosewood Mist (#DAB6B4): A luminous, dusty orange — the color of toasted spice.
• Ash (#A0B3B2): A luminous, dusty teal — the color of sea glass.
• Bronze (#804128): 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

• Cocoa Field color palette (#FFF3E4, #DBE2C7, #C0C0CB, #C6997B, #5B3E00)
• Antique Driftwood color palette (#FDF0FD, #E8D4D8, #DFB39F, #AD7885, #574654)
• Wandering Lantern color palette (#FEF3E7, #DEE0BE, #C5A989, #A36B3D, #503C00)
• Tempered Alley color palette (#CDFAF4, #FFE8E2, #D4CBD2, #662E03, #2B231E)
• Apricot Courtyard color palette (#FFF2E9, #FFAD7D, #73BDC1, #6A83A9, #4D2600)
• Dusty Jade color palette (#FFF2CE, #C6CB71, #71BC6F, #734200, #040300)
• Dusty Workshop color palette (#FFF2EA, #DEE2CB, #AC7861, #6C3505, #221914)
• Straw Dune color palette (#FFF3E8, #FFD472, #ADC56F, #9D5B44, #1A0F00)

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