Cocoa Balcony color palette — #CCEBDA · #576700 · #843900 · #0C0D04 · #040002

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

The five colors

• Honeydew (#CCEBDA): A whisper-light, dusty teal — the color of sea glass.
• Olive (#576700): A full-bodied, balanced green — the color of a quiet forest floor.
• Rust (#843900): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#0C0D04): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Cocoa Balcony 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 Grove color palette (#DDF0F1, #17720D, #684D00, #0A100B, #000200)
• Midnight Basin color palette (#E4F5DC, #7E5500, #9B002E, #100401, #030004)
• Chestnut Dune color palette (#EDDCC7, #6E5200, #322800, #0E0D00, #010100)
• Hazy Pier color palette (#D9EADE, #937800, #C43100, #170900, #050100)
• Dusty Courtyard color palette (#EFE7EA, #869185, #5B725F, #3F2100, #040001)
• Chalky Mulberry Thicket color palette (#D6ECFF, #259E46, #990056, #1A0504, #070000)
• Linen Crimson color palette (#C5E5FB, #009688, #D40049, #100401, #030004)
• Brick Archive color palette (#D7E3FF, #B2080A, #8D0078, #120406, #020006)

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