Cocoa Bloom color palette — #E7F4D2 · #008354 · #892D00 · #682000 · #040100

Rust and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E7F4D2): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#008354): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#892D00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#682000): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#040100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Muted Boulevard color palette (#F4D8CD, #008C86, #2A4FB8, #652200, #000406)
• Faded Mulberry color palette (#DEEED8, #008574, #921076, #4F2E00, #040100)
• Timeworn Terracotta Workshop color palette (#ECD6ED, #0070A3, #932200, #671500, #020200)
• Weathered Mulberry color palette (#CAE8DB, #007990, #9C0058, #6F0A3F, #020200)
• Sapphire Meadow color palette (#F6E1F5, #0075E4, #8C4F00, #653800, #020200)
• Fern Archive color palette (#EEEED8, #2D4F00, #4B0015, #150500, #020100)
• Weathered Scarlet Study color palette (#D3F0DD, #00B3C4, #CC504F, #A23A3A, #180F00)
• Weathered Orchid Grove color palette (#F5D9E2, #AB47EA, #B7008B, #8D3100, #00090B)

Browse the whole catalog at Explore, or see today's palette.