Cocoa Bloom color palette — #F7E7DC · #9D8E46 · #5F2400 · #230900 · #040100

A conversation between Espresso and Moss, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F7E7DC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#9D8E46): A luminous, balanced green — the color of fresh herbs.
• Espresso (#5F2400): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#230900): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#040100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Dusty Atelier color palette (#FDEBE9, #8D953B, #63143D, #280014, #060000)
• Timeworn Amber Alley color palette (#F5EFDC, #C28800, #434000, #181700, #030300)
• Bronze Harbor color palette (#EEDDCB, #91751E, #3C2300, #111B1B, #0E0600)
• Amber Veranda color palette (#ECE3DC, #C8753E, #006641, #6F3300, #010300)
• Mustard Terrace color palette (#EDD7E3, #BDA42F, #8C3800, #471900, #16040F)
• Aged Chestnut color palette (#F7F1E7, #C4B187, #6B5013, #352400, #120B02)
• Misty Amber color palette (#FFDECA, #AA8A36, #5D5D00, #063904, #00130A)
• Aubergine Terrace color palette (#F9E3CD, #9F6D0E, #2E5900, #410063, #120E00)

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