Cocoa Balcony color palette — #CEE5DF · #7DB0B4 · #4C8CA1 · #80433C · #4F3500

Coffee and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#CEE5DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7DB0B4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#4C8CA1): A luminous, dusty blue — the color of deep harbor water.
• Coffee (#80433C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#4F3500): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, 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

• Ancient Studio color palette (#B5ECE8, #91BAC5, #7896B2, #805B41, #4C4410)
• Mulberry Ridge color palette (#DAF6DE, #90B6A8, #46947D, #7E4168, #542522)
• Wandering Cocoa Grove color palette (#C9F6F4, #52AAAD, #5074A2, #723B00, #302B00)
• Timeworn Courtyard color palette (#DDFFE8, #86D6D7, #6591C1, #7B4D31, #492309)
• Soft Basin color palette (#C6F4F1, #7FB6D5, #7B79C2, #7D6200, #0E460A)
• Timeworn Driftwood Station color palette (#E7F9FF, #C4D3E1, #A3A8C5, #658A75, #385754)
• Ancient Loft color palette (#C2EAF8, #657BA6, #6F407A, #2F3400, #00160C)
• Cypress Bloom color palette (#D3EBE6, #6FB59B, #008282, #39612D, #003032)

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