Cocoa Bloom color palette — #EBF3FC · #789FCF · #955C7E · #684300 · #00301F

Bronze and Pewter set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF3FC): bright and airy, almost weightless.
• Blue Fog (#789FCF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pewter (#955C7E): A full-bodied, balanced pink — the color of a candy shop window.
• Bronze (#684300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#00301F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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

• Hushed Cocoa Harbor color palette (#E7F4FA, #63A9B2, #7A669B, #7A3421, #002F28)
• Ancient Fern color palette (#F0F1FB, #A492C0, #9E5D58, #524F00, #002D36)
• Worn Turquoise color palette (#EDF9F0, #40A7BC, #9E5B4E, #4E5A1E, #44433B)
• Aged Peony color palette (#FBF2FB, #8BB4E7, #BA719A, #866121, #40443D)
• Sunlit Mulberry color palette (#ECF2FF, #6C77DB, #A41351, #463700, #001D18)
• Softworn Pewter Lagoon color palette (#E9F3FF, #BCC5DC, #9592A8, #567359, #2F443A)
• Muted Cobalt color palette (#E8EEF8, #6D81B6, #373A4A, #161E2D, #080D12)
• Antique Meadow color palette (#ECF4ED, #ADCCBB, #638D7F, #42677B, #21362C)

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