Muted Cocoa Balcony color palette — #CAE8D9 · #007697 · #762C00 · #322600 · #0F0A00

Rust and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CAE8D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007697): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#762C00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#322600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0F0A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Muted 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

• Terracotta Hollow color palette (#DEF4E8, #0089AA, #962623, #313800, #121600)
• Shadow Terrace color palette (#DFF4EC, #005E8C, #611B00, #161D00, #030400)
• Sapphire Alley color palette (#FCE5FB, #0064D8, #5E4000, #312600, #0A0C00)
• Faded Canyon color palette (#DAE8D3, #007D6C, #82004A, #471400, #190400)
• Weathered Summit color palette (#CBE7CF, #6A8FD0, #7F5C7B, #3D3F17, #292205)
• Patina Azure Cabin color palette (#EEF6FF, #0A97F3, #933C86, #552D00, #001202)
• Hushed Emerald Garden color palette (#EEEAD4, #4CA26D, #00635D, #1E3B57, #0F1500)
• Aubergine Villa color palette (#CFE8E1, #006CB3, #532D86, #00381B, #002529)

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