Cocoa Balcony color palette — #D9F1DB · #93B8A4 · #488A7A · #7B433D · #5D461C
A conversation between Coffee and Fern, giving this palette its sense of optimism and sophistication.
The five colors
- Honeydew (#D9F1DB): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#93B8A4): A luminous, dusty teal — the color of sea glass.
- Fern (#488A7A): A full-bodied, dusty teal — the color of sea glass.
- Coffee (#7B433D): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#5D461C): A full-bodied, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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 Atelier color palette (#D0E9D2, #84AAA4, #3C838A, #455F42, #564014)
- Dusty Station color palette (#DBFFEE, #A1C5B8, #688D94, #81523C, #315A49)
- Ancient Grove color palette (#DEE5C5, #9DB090, #578068, #644260, #381D19)
- Tempered Cypress Meadow color palette (#EEF8F2, #73A79D, #00745A, #574B08, #183D37)
- Pewter Studio color palette (#D2E6E4, #85C5B4, #6096A5, #7B5477, #4D3D53)
- Driftwood Study color palette (#F4E5C5, #9EDAAB, #8BAF9E, #B67256, #723419)
- Patina Canyon color palette (#FFDCED, #B298A5, #7C7449, #6F3F6B, #5E3528)
- Misty Jade Harbor color palette (#DAE7D7, #4CAE7E, #008379, #005562, #273461)
Browse the whole catalog at Explore, or see today's palette.