Cocoa Bloom color palette — #FFF3E2 · #B5B28B · #7C8D6E · #785959 · #733815
A conversation between Bronze and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Sage (#B5B28B): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#7C8D6E): A luminous, dusty green — the color of fresh herbs.
- Graphite (#785959): A full-bodied, dusty red — the color of embers at dusk.
- Bronze (#733815): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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
- Antique Chestnut Cabin color palette (#F5F6EC, #A5B694, #3B8080, #834822, #314C09)
- Ancient Cerulean color palette (#F0FADB, #C0D4B5, #8A9F8A, #5F7BA0, #634359)
- Wandering Jade Ridge color palette (#F1EDCA, #67B881, #007C83, #79374D, #582536)
- Washed Cocoa color palette (#CEEED5, #599DA2, #4C6A8E, #6B300E, #492600)
- Denim Lantern color palette (#CFFCFC, #9BB9BE, #668A95, #465B7D, #2C3855)
- Emerald Loft color palette (#F1F9E0, #409D6A, #A1609B, #915269, #373932)
- Antique Cypress color palette (#FBF3EF, #C7E5D0, #6191AC, #1A7160, #583D59)
- Pine Coast color palette (#F1F8E9, #60B38D, #A377AC, #007853, #55345B)
Browse the whole catalog at Explore, or see today's palette.