Cocoa Bloom color palette — #E6DBE0 · #9CA99E · #878A5E · #6C3300 · #11050B

Built around Bronze, softened by Eucalyptus — the whole palette hums with nature and growth.

The five colors

• Silver (#E6DBE0): a clean, paper-quiet neutral.
• Taupe (#9CA99E): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#878A5E): A luminous, dusty green — the color of fresh herbs.
• Bronze (#6C3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#11050B): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, 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

• Softworn Cocoa Hollow color palette (#E6F1E8, #96AAA2, #5F918B, #584100, #010D04)
• Worn Quarry color palette (#EFE5DD, #A0A38F, #7F8C79, #974C11, #130600)
• Weathered Cocoa Ridge color palette (#F6ECE3, #C4B9AA, #9E9071, #5B2F00, #020100)
• Antique Bronze Drift color palette (#F2E7DC, #A49889, #8E6927, #412200, #110701)
• Hushed Garnet Boulevard color palette (#F0E9F1, #B19EAB, #A17988, #820037, #0F0511)
• Patina Chestnut color palette (#D9E0DC, #B2CBC3, #80AFAE, #706000, #13231A)
• Linen Fern Harbor color palette (#FFE3D8, #8A7248, #335D11, #41255D, #260223)
• Muted Olive color palette (#DEF5E9, #578334, #005333, #4B1527, #020800)

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