Cocoa Bloom color palette — #C7EBC9 · #A0D0BA · #BB96B3 · #9C7467 · #673800
Built around Bronze, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#C7EBC9): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A0D0BA): A luminous, dusty teal — the color of shallow lagoons.
- Mauve (#BB96B3): A luminous, dusty pink — the color of neon signs at night.
- Mocha (#9C7467): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#673800): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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
- Softworn Cocoa Atelier color palette (#D8EBC3, #B0CFAF, #87B4A3, #A47D7B, #682C0F)
- Aged Bronze color palette (#C7EDD5, #A0C6F0, #A2A3D4, #B3754E, #583800)
- Bronze Villa color palette (#C5F4DA, #77C8DE, #8688B1, #8D6124, #5A3800)
- Hushed Bloom color palette (#DBFFEC, #BAD8FE, #C5A8B6, #AB9181, #6B4600)
- Garnet Bloom color palette (#E2ECFE, #A1A8C0, #727391, #703240, #481C15)
- Wandering Mallow Field color palette (#E5E8FF, #E0C1FF, #C99CB7, #978C5F, #3C5026)
- Softworn Ash color palette (#DDFCFF, #B8DEF1, #8FA6CF, #587356, #233F28)
- Aged Iris Corridor color palette (#DDEEF8, #668FDE, #7B709F, #793F1A, #251B00)
Browse the whole catalog at Explore, or see today's palette.