Cocoa Bloom color palette — #FFF3E9 · #EEC4A5 · #AD774A · #7E3D01 · #403A35

Built around Bronze, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Wheat (#EEC4A5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#AD774A): A luminous, balanced gold — the color of old brass.
• Bronze (#7E3D01): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#403A35): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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

• Antique Basin color palette (#FFECF3, #ECBB96, #B16F3C, #6E3E14, #311322)
• Tempered Amber Summit color palette (#FFF3E8, #FBCDAB, #CE8752, #8C5833, #39332E)
• Dusty Garnet Alley color palette (#FFF2EF, #E8B3BA, #B46E75, #7E313E, #552932)
• Fern Archive color palette (#FEF5D8, #DBCBA0, #8D8847, #585600, #3F3D0D)
• Softworn Cocoa Hollow color palette (#FFF3EB, #DEDDCC, #B5CEA8, #AF777F, #6D4300)
• Feathered Amber Harbor color palette (#F3E3B0, #A58D32, #6E5300, #372A00, #1D1600)
• Ancient Bronze Workshop color palette (#F9F4EE, #D3BE8F, #0E8E94, #886800, #243226)
• Timeworn Olive Balcony color palette (#EBF2D0, #828300, #414500, #1D1E00, #070800)

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