Cocoa Balcony color palette — #FFF0F8 · #C09BA9 · #986448 · #7B3D33 · #2D442F
A conversation between Rust and Walnut, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Mauve (#C09BA9): A luminous, dusty rose — the color of strawberry cream.
- Walnut (#986448): A full-bodied, dusty orange — the color of autumn markets.
- Rust (#7B3D33): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#2D442F): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, Warmth, Comfort, 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
- Aged Cocoa Courtyard color palette (#ECFAEA, #91B098, #916A39, #754321, #274535)
- Aged Garnet color palette (#F9E0ED, #B3899A, #8C5338, #732720, #1B381D)
- Patina Amber color palette (#FFF2EA, #D6B894, #C47A55, #8E575D, #3F3D36)
- Ancient Grape Parlor color palette (#F5F4FE, #C0A2CA, #A25647, #813D98, #2E1E2A)
- Garnet Thicket color palette (#F2DDE9, #AA7D58, #893B10, #6C0107, #331F00)
- Hushed Quarry color palette (#CAE8C7, #AD8727, #7E5000, #5F2C00, #2F2900)
- Worn Driftwood color palette (#F5F3FF, #9B65A7, #625A00, #005445, #1E2A40)
- Softworn Chestnut Harbor color palette (#F8DBE7, #8A5D07, #552C00, #350D00, #100A00)
Browse the whole catalog at Explore, or see today's palette.