Cocoa Bloom color palette — #F2F9E0 · #C5E7DF · #D0BDD1 · #9C897C · #743F0C
Bronze takes the lead with Silver close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Cream (#F2F9E0): A whisper-light, dusty green — the color of fresh herbs.
- Silver (#C5E7DF): A whisper-light, dusty teal — the color of sea glass.
- Stone (#D0BDD1): A whisper-light, dusty pink — the color of neon signs at night.
- Gray (#9C897C): A luminous, dusty gold — the color of old brass.
- Bronze (#743F0C): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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
- Ash Harbor color palette (#DBFDFB, #A9C3CB, #8194A8, #816B75, #614C4A)
- Muted Chestnut Harbor color palette (#D6FFF9, #A1CAB7, #AA849C, #715B24, #382C0B)
- Aged Bronze Ridge color palette (#E1FEEA, #FEE6FE, #D0A4AF, #877C33, #565500)
- Softworn Alley color palette (#ECF9F1, #CAE2FF, #EEC299, #59A6BF, #643B00)
- Weathered Driftwood color palette (#F5F6EE, #B7E4E1, #9CB79C, #878B44, #364F0E)
- Muted Boulevard color palette (#D7FFF6, #94E3F7, #94A1D8, #916A35, #553C00)
- Fern Dune color palette (#E7F9FF, #B0C6FF, #AD88BA, #516807, #00342D)
- Tempered Stone Terrace color palette (#E6FBF1, #92D6F8, #ECA88B, #C1996F, #253F34)
Browse the whole catalog at Explore, or see today's palette.