Cocoa Bloom color palette — #FFF2EF · #D8C4B4 · #A09A7D · #916E6D · #6B4A46

A conversation between Coffee and Mocha, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Oat (#D8C4B4): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#A09A7D): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#916E6D): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#6B4A46): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged vintage, retro, 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

• Oat Hollow color palette (#FFF4E1, #D4D9A9, #AFB892, #A68AA2, #644C57)
• Aged Cocoa color palette (#EBE2D3, #B7BC96, #76987F, #875F36, #603B00)
• Lagoon Lagoon color palette (#D8F7DC, #A0C2B4, #638E68, #56657B, #54465F)
• Garnet Market color palette (#F8DCDA, #B2775A, #5F6720, #661C51, #430007)
• Antique Cocoa color palette (#F0EFDA, #6EA27A, #3D7188, #684106, #412600)
• Pale Emerald color palette (#F1DBDA, #D1A96E, #5C9E4E, #9A3A52, #6B2A30)
• Timeworn Atelier color palette (#F9E9E0, #6A7A4E, #005C54, #520D15, #2D0206)
• Aged Loft color palette (#F9F4EF, #C1E6EB, #93A1DC, #008C8F, #4E3F65)

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