Tempered Terrace color palette — #F0F8EF · #B5E1C9 · #A0B485 · #838FB4 · #2B4A3A

Sage takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Mint (#B5E1C9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A0B485): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#838FB4): A luminous, dusty violet — the color of twilight just after sunset.
• Forest (#2B4A3A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Patina Chapel color palette (#EDF9F0, #B3EAE8, #9CA560, #856C88, #293E33)
• Gentle Teal Harbor color palette (#E6FBF3, #A6DFAA, #00C09C, #A774A5, #234327)
• Weathered Teal Workshop color palette (#D5EAE4, #98C6AB, #00A79A, #985E8A, #00321D)
• Driftwood Summit color palette (#FAF5EB, #D0C3A0, #8F955B, #956168, #524000)
• Timeworn Indigo color palette (#DFF1E3, #BBCA6E, #69B963, #6F59C9, #2C3200)
• Turquoise Basin color palette (#FBF3F5, #DADCF3, #AABBF2, #00AAC4, #3F4565)
• Timeworn Olive Courtyard color palette (#FCF0E2, #BCB586, #687E46, #684B5C, #2F2611)
• Turquoise Study color palette (#FFF0FC, #F5A79B, #41CDB9, #00B8D6, #492C44)

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