Cocoa Balcony color palette — #DEF2EA · #77AFAF · #5A8296 · #7D4243 · #4B3100

Coffee takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#DEF2EA): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#77AFAF): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#5A8296): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#7D4243): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#4B3100): A deep, shadowed, dusty gold — the color of honey in a jar.

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 Cocoa color palette (#DAF6E3, #5DA3A9, #5175A1, #733D03, #362300)
• Garnet Thicket color palette (#F5ECCD, #92BA88, #479085, #78495D, #5E2632)
• Ash Archive color palette (#D1E9E9, #7EAED4, #777DA2, #496449, #492F05)
• Wandering Cerulean color palette (#F5F5CD, #B3CBA6, #3D8CB6, #81491E, #482507)
• Softworn Aqua color palette (#D4EDEB, #89CAC6, #7696B9, #7F5F6F, #593A47)
• Softworn Quarry color palette (#D0ECE4, #7FB391, #008476, #4C5C36, #01321A)
• Wandering Denim color palette (#CFECF6, #6077A2, #5E4572, #2D3208, #0D1500)
• Dusty Amber Orchard color palette (#BEE5F7, #00ABC3, #CB662C, #007080, #461900)

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