Cocoa Bloom color palette — #F7F8DA · #D0E6CA · #AFCCC1 · #B29E96 · #7F4027
A conversation between Bronze and Celadon Mist, giving this palette its sense of optimism and sophistication.
The five colors
- Custard (#F7F8DA): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#D0E6CA): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#AFCCC1): A whisper-light, dusty teal — the color of shallow lagoons.
- Taupe (#B29E96): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#7F4027): A full-bodied, balanced orange — the color of sun-warmed clay.
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
- Tempered Dune color palette (#E8FBEE, #CAE2EB, #AAC6D3, #9F8C94, #604752)
- Washed Fern Meadow color palette (#F7F5EC, #C5E9C5, #8CC3B1, #A09B81, #4B5301)
- Softworn Bronze color palette (#B3F6ED, #8ED0F0, #BC9CAD, #A87041, #653500)
- Hushed Periwinkle color palette (#D3F3E1, #80C2D1, #7C97CA, #8A6641, #4E3209)
- Tempered Glacier Dune color palette (#EAFAEC, #84E7EF, #FBB39B, #62B8BE, #534B47)
- Antique Aqua Garden color palette (#E2FDEB, #4ADCF9, #ECAAA1, #C39C6D, #36473C)
- Timeworn Delta color palette (#CDEAD2, #009495, #356A93, #6D3621, #2A0800)
- Chalky Coast color palette (#D9ECF3, #9DB7FF, #C985CF, #7E833D, #3E4012)
Browse the whole catalog at Explore, or see today's palette.