Muted Terrace color palette — #FAF2F9 · #B4DBCE · #A46C67 · #5F425B · #31282F
A conversation between Mocha and Charcoal Brown, giving this palette its sense of sophistication.
The five colors
- Ivory (#FAF2F9): a clean, paper-quiet neutral.
- Oat (#B4DBCE): A whisper-light, dusty teal — the color of shallow lagoons.
- Mocha (#A46C67): A full-bodied, dusty orange — the color of toasted spice.
- Charcoal Brown (#5F425B): A full-bodied, dusty pink — the color of peonies in June.
- Onyx (#31282F): a grounded near-black with real depth.
Feels like: Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Muted Terrace 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
- Hushed Study color palette (#FFF2EE, #F4FCB7, #AE7475, #583F37, #231814)
- Driftwood Balcony color palette (#EFF8F0, #B8DCC0, #66876B, #3A553F, #232F25)
- Sand Boulevard color palette (#FCF2F8, #F7DA9E, #C39083, #7B6575, #30292E)
- Timeworn Cocoa Workshop color palette (#FDF3EE, #D5BC95, #844D40, #5D2600, #29251E)
- Aged Petrol color palette (#EDF8F2, #AFAB6B, #878D52, #42679D, #402D35)
- Tempered Taupe Hollow color palette (#FAF3F5, #D1D8DB, #ACA7B2, #BA936E, #585053)
- Washed Ember color palette (#F9F3F8, #F7C2BC, #64AC92, #D2685F, #193334)
- Weathered Amber color palette (#D8EADD, #B58A36, #554300, #221900, #000401)
Browse the whole catalog at Explore, or see today's palette.