Cocoa Bloom color palette — #FFF1F5 · #8EB19A · #92693F · #783F35 · #26443B
Built around Coffee, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sage (#8EB19A): A luminous, dusty teal — the color of glacier melt.
- Walnut (#92693F): A full-bodied, dusty gold — the color of old brass.
- Coffee (#783F35): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#26443B): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Hushed Chestnut color palette (#EDF9F1, #9CC1B7, #628B74, #785532, #354D4C)
- Weathered Cocoa color palette (#DBEEDA, #9E986C, #86590F, #702C15, #103830)
- Worn Amber color palette (#FFF1F5, #D3BA8F, #B38554, #895D46, #2F4237)
- Bronze Courtyard color palette (#FAF0E5, #C1A781, #9E6725, #6B4028, #2B210A)
- Rust Coast color palette (#EFF6FB, #81B6D6, #AE4C3D, #006891, #2E1E2A)
- Dusty Corridor color palette (#F1F5FF, #7979BA, #9F5868, #575700, #2C3246)
- Dusty Pewter Coast color palette (#D8ECD8, #6E6A2D, #4D3200, #350E00, #050F00)
- Powdered Mulberry Terrace color palette (#DBF1FF, #9CA8DC, #8B63A5, #821C60, #76020B)
Browse the whole catalog at Explore, or see today's palette.