Cocoa Bloom color palette — #E2E3D0 · #6B6A00 · #006B58 · #7D2D00 · #080800
Built around Rust, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Parchment (#E2E3D0): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#6B6A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006B58): A full-bodied, balanced teal — the color of sea glass.
- Rust (#7D2D00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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
- Pine Garden color palette (#D4EDDA, #007B3E, #00667B, #5E4600, #000B03)
- Pale Loft color palette (#F2E4D3, #8A5B00, #1D6E01, #8C0039, #0E0600)
- Hushed Pier color palette (#E7E1CD, #898027, #625100, #3F2D00, #0C0C00)
- Worn Drift color palette (#E5E2D2, #584D00, #2B00B9, #37007E, #0A0700)
- Muted Petrol Corridor color palette (#CDE8E2, #008876, #006EB0, #585E00, #001612)
- Linen Courtyard color palette (#E6E7D0, #A4C06C, #4EA94E, #645600, #191F00)
- Airy Emerald color palette (#C9E8D4, #00A061, #0087A9, #806600, #002714)
- Grape Quarry color palette (#CEF0FF, #006D7B, #5A29B8, #5A005E, #000607)
Browse the whole catalog at Explore, or see today's palette.