Tempered Balcony color palette — #F8EFF0 · #DDD5D0 · #AFADA4 · #9D777C · #3B3435

A conversation between Mocha and Ash, giving this palette its sense of sophistication.

The five colors

• Cream (#F8EFF0): bright and airy, almost weightless.
• Silver (#DDD5D0): bright and airy, almost weightless.
• Ash (#AFADA4): soft and architectural.
• Mocha (#9D777C): A luminous, dusty red — the color of late-summer berries.
• Charcoal (#3B3435): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered 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 Driftwood Harbor color palette (#F5F4FA, #DFD8DB, #B2AAA1, #9D6F9E, #535159)
• Muted Grove color palette (#FFEDEC, #D2BBB3, #9F8C7E, #5A7232, #3A483D)
• Weathered Driftwood color palette (#FBF0E0, #C89BBA, #9F6668, #375C3D, #3C2523)
• Dusty Garnet color palette (#F0E7E4, #BFB0A6, #A08971, #722723, #160602)
• Tempered Archive color palette (#F7F1E6, #CAC4A8, #768A64, #735960, #33312A)
• Mallow Loft color palette (#FFEDEC, #E3CBCC, #FCACD3, #C7806F, #3F221C)
• Hushed Onyx Pier color palette (#F6EAEA, #9D8884, #99573E, #4B0739, #040000)
• Timeworn Chestnut Cabin color palette (#FDEFE3, #DFD1BF, #B7AA8C, #884800, #291400)

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