Cocoa Balcony color palette — #EDDEC6 · #9B9C6C · #796126 · #5D3100 · #1B1900

Built around Cocoa, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Parchment (#EDDEC6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#9B9C6C): A luminous, dusty green — the color of new leaves after rain.
• Olive (#796126): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#5D3100): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#1B1900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Atelier color palette (#F7DACA, #BB8D68, #92503B, #5F2B33, #231500)
• Chestnut Delta color palette (#F4E6CF, #A59572, #7C5F00, #5B3E00, #33302A)
• Fern Parlor color palette (#EEE7D4, #799054, #5E5700, #432C00, #001303)
• Aged Boulevard color palette (#E9FBED, #D2C898, #9C8850, #6F5320, #00291A)
• Gentle Terracotta Meadow color palette (#E3EDDC, #00896F, #9F4339, #474700, #081400)
• Midnight Chestnut color palette (#F5E1D4, #865500, #592500, #350004, #020200)
• Taupe Villa color palette (#DDEEE2, #CD8F78, #00505B, #002126, #000802)
• Hushed Marigold Studio color palette (#EBD5F4, #F8A121, #009D7B, #131F05, #050B01)

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