Cocoa Bloom color palette — #DEEDDD · #A99464 · #7E5C31 · #623819 · #113927
A conversation between Cocoa and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Honeydew (#DEEDDD): A whisper-light, dusty green — the color of fresh herbs.
- Caramel (#A99464): A luminous, dusty gold — the color of old brass.
- Coffee (#7E5C31): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Cocoa (#623819): A deep, shadowed, dusty gold — the color of honey in a jar.
- Deep Forest (#113927): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Driftwood Field color palette (#DAEDDB, #9A873C, #704F00, #522C00, #262600)
- Chestnut Chapel color palette (#F5E2ED, #B88C6E, #904F38, #69302F, #432730)
- Muted Chapel color palette (#E7FBEE, #84B39E, #7E7249, #654D28, #24443C)
- Patina Amber color palette (#F3E5D6, #D6BF8B, #CB903F, #A06C4A, #33302A)
- Aged Atelier color palette (#FEF1F8, #D2ACBA, #997388, #6F5369, #3F4C3F)
- Olive Balcony color palette (#D6F3E4, #5F700F, #3E3A00, #251A00, #040F00)
- Mulberry Balcony color palette (#F7F3FF, #C381AD, #8A4C00, #812269, #270F1A)
- Taupe Studio color palette (#EFECFA, #B79751, #58325A, #311433, #190C1A)
Browse the whole catalog at Explore, or see today's palette.