Tempered Terrace color palette — #DDECF8 · #C0BBDE · #BE9BBF · #7A8F62 · #255052

Moss and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DDECF8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#C0BBDE): A luminous, dusty violet — the color of wild irises.
• Mauve (#BE9BBF): A luminous, dusty pink — the color of neon signs at night.
• Moss (#7A8F62): A luminous, dusty green — the color of new leaves after rain.
• Charcoal (#255052): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Blush Balcony color palette (#EBEDFF, #D8A9E3, #EB778D, #1E927F, #00474D)
• Ancient Ash color palette (#F2F5FF, #E7D3E5, #CBB5CA, #82A3AD, #3F545D)
• Muted Shell color palette (#FAF1FF, #F9B1CA, #DD9D7F, #5497A5, #165567)
• Wandering Peony color palette (#E3F2FF, #9FA0D1, #B5699D, #3D753C, #003338)
• Tempered Ash color palette (#F4F4FF, #E2D4FF, #B191BA, #796277, #4D3443)
• Antique Cocoa color palette (#D9E3FF, #A599C2, #8D656A, #614300, #2E2800)
• Gentle Dune color palette (#E3E1FF, #E4B0FF, #32AB6F, #71A100, #2A2741)
• Chestnut Harbor color palette (#F9DAE9, #C7B0DE, #AE7BA9, #905132, #6A3800)

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