Tempered Terrace color palette — #EBF8F7 · #93D5A7 · #D994C9 · #A5755D · #223635

Mauve takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EBF8F7): a clean, paper-quiet neutral.
• Mint Leaf (#93D5A7): A luminous, balanced teal — the color of sea glass.
• Mauve (#D994C9): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#A5755D): A luminous, dusty orange — the color of toasted spice.
• Deep Forest (#223635): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Mustard Garden color palette (#ECF9EE, #E1BF75, #B4A2E1, #AC6F6C, #29352C)
• Lilac Courtyard color palette (#ECF8FB, #78E0DA, #B285CB, #856431, #1A4132)
• Tempered Workshop color palette (#EDF7FE, #85CDF8, #DC97AE, #938144, #26333E)
• Washed Seafoam color palette (#ECFAE9, #43DDCF, #A2B4EE, #A79873, #364133)
• Wandering Drift color palette (#E8F8FF, #08C8E0, #CF8D54, #4C824A, #122830)
• Tempered Teal color palette (#EDF4E9, #50A790, #A2747E, #7E4E59, #1D2616)
• Tempered Summit color palette (#E7F9FF, #00BCC8, #E153B0, #925700, #001F29)
• Worn Teal color palette (#EFF7F8, #BDDDF1, #A5A6ED, #40AF94, #1B1E27)

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