Cocoa Bloom color palette — #F8EAEF · #C0D6C8 · #86B0A7 · #753D00 · #080003

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

The five colors

• Blush (#F8EAEF): bright and airy, almost weightless.
• Oat (#C0D6C8): A whisper-light, dusty teal — the color of sea glass.
• Sage (#86B0A7): A luminous, dusty teal — the color of sea glass.
• Bronze (#753D00): A full-bodied, balanced gold — the color of old brass.
• Black (#080003): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Patina Garnet Workshop color palette (#F2ECF1, #DDCAD1, #AFA777, #8B1F23, #060106)
• Muted Basalt Canyon color palette (#E6DCDF, #93A695, #6C8273, #4D2E00, #0F0004)
• Muted Atelier color palette (#EDE1D4, #B1B39A, #929E7B, #A06000, #1D1104)
• Hushed Fern color palette (#EFF7F5, #CDDCE6, #9AC2D3, #3B6F05, #02100D)
• Dusty Coast color palette (#CFE8DC, #5DA061, #005B4F, #480F40, #000200)
• Chestnut Veranda color palette (#DBE9DF, #5F4A00, #0B1619, #010800, #030002)
• Forest Pier color palette (#FAE6E3, #B28E54, #326E43, #421B49, #130017)
• Timeworn Courtyard color palette (#F1D6DF, #C74600, #404800, #1F0050, #020100)

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