Cocoa Balcony color palette — #E8F1E7 · #C0D7C6 · #A7AA78 · #6C4300 · #000400
A conversation between Bronze and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F1E7): a clean, paper-quiet neutral.
- Oat (#C0D7C6): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#A7AA78): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
- Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.
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
- Cocoa Atelier color palette (#F3EBF0, #E0C8D2, #8EB091, #872900, #060104)
- Bronze Market color palette (#E9DFD5, #A79F8F, #867E35, #4F2D00, #090300)
- Basalt Courtyard color palette (#E8F1EC, #A7C1B9, #6F9C96, #433D00, #000201)
- Weathered Emerald Lantern color palette (#CFE7DF, #56A352, #005D3C, #461E00, #000200)
- Hushed Bronze Archive color palette (#D6EBDA, #9C6C00, #3F4800, #001C36, #020100)
- Gentle Loft color palette (#DDF9E6, #FC9525, #A88E00, #337100, #010100)
- Worn Pine Atelier color palette (#EBF9F7, #CBDCE6, #9EC2CA, #11732F, #01100F)
- Bronze Orchard color palette (#F1E7EB, #A1BAB9, #78A5AF, #A45E00, #1D0F15)
Browse the whole catalog at Explore, or see today's palette.