Cocoa Bloom color palette — #DEE2C2 · #676C00 · #006A5B · #7A3100 · #070800
Rust and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DEE2C2): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#676C00): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006A5B): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#7A3100): A full-bodied, balanced orange — the color of sun-warmed clay.
- Ink (#070800): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Hazy Bloom color palette (#CEE9CF, #007C28, #006676, #624400, #000B01)
- Antique Drift color palette (#F3EBDB, #816000, #006E34, #8E0022, #0C0600)
- Dusty Olive Grove color palette (#F3E9D0, #808325, #5C5400, #3B2F00, #090D00)
- Aubergine Loft color palette (#F0DFC9, #805800, #84058E, #650038, #080400)
- Jade Atelier color palette (#DDE1CB, #9BBE74, #4BAB62, #5F5800, #172100)
- Gentle Lantern color palette (#C4EBE6, #00867F, #0067C5, #4E6100, #001614)
- Antique Navy color palette (#E2E7DA, #405500, #003794, #480068, #050900)
- Weathered Lagoon Hollow color palette (#D5F6E7, #009E72, #0086B3, #796900, #002719)
Browse the whole catalog at Explore, or see today's palette.