Weathered Cocoa Balcony color palette — #F4EBF3 · #D8C6CD · #90A799 · #7F3F3D · #342A33

Coffee and Taupe set the tone — five colors that lean into sophistication.

The five colors

• Blush (#F4EBF3): a clean, paper-quiet neutral.
• Oat (#D8C6CD): A whisper-light, dusty rose — the color of strawberry cream.
• Taupe (#90A799): A luminous, dusty teal — the color of glacier melt.
• Coffee (#7F3F3D): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#342A33): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Washed Chestnut Quarry color palette (#FAF2F8, #CDE1DB, #A6B8B0, #8B5245, #41373E)
• Dusty Terracotta color palette (#EFE7E3, #D5C9C0, #B49F8E, #893825, #221108)
• Antique Cocoa color palette (#F3E5ED, #AABFAD, #78968B, #6D3012, #281B22)
• Wandering Coral Boulevard color palette (#F6ECE8, #D8D3C4, #B9BBA3, #D47167, #392A23)
• Ancient Orchard color palette (#F0F7F2, #D1DEE0, #ADABB7, #698C73, #4E5450)
• Olive Archive color palette (#EBF9F2, #C7DFE7, #99C5CE, #6F6F05, #34443D)
• Tempered Spruce Orchard color palette (#D7E4DC, #80A29B, #53787C, #322B00, #020C06)
• Wandering Amber color palette (#F7E2E8, #C48044, #5D693F, #3A466D, #263551)

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