Cocoa Balcony color palette — #F7F2E0 · #ACBB7E · #687D52 · #7F4222 · #2B2814
Bronze and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#ACBB7E): A luminous, balanced green — the color of a quiet forest floor.
- Walnut (#687D52): A full-bodied, dusty green — the color of fresh herbs.
- Bronze (#7F4222): A full-bodied, balanced orange — the color of sun-warmed clay.
- Onyx (#2B2814): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Tempered Balcony color palette (#F2F3EA, #BFC8A6, #758D4B, #85551C, #30322B)
- Powdered Mustard Quarry color palette (#FFF0D5, #B9AA38, #6E7100, #6A4026, #2A1F00)
- Timeworn Lagoon color palette (#F1F4E7, #87C3A2, #3A856D, #3E5D4E, #242A1A)
- Ancient Tangerine color palette (#FFEEE4, #E7865D, #659E5D, #935033, #132F0F)
- Tempered Basalt color palette (#FEF4E5, #CBC5A2, #709B7E, #846874, #4C4300)
- Ancient Courtyard color palette (#FFEEE1, #F8A970, #A7612A, #673404, #230C00)
- Moss Atelier color palette (#E6DECB, #8F952B, #4B5E00, #532F07, #171200)
- Softworn Orchard color palette (#FFEEE1, #CE721F, #718B21, #905571, #2C1908)
Browse the whole catalog at Explore, or see today's palette.