Tempered Terrace color palette — #DFE9E8 · #98A8AC · #708A9C · #00532D · #000C0C

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

The five colors

• Frost (#DFE9E8): bright and airy, almost weightless.
• Taupe (#98A8AC): a calm mid-gray that lets other colors speak.
• Storm Blue (#708A9C): A luminous, dusty blue — the color of deep harbor water.
• Deep Olive (#00532D): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#000C0C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Ancient Pine Dune color palette (#E2F1F2, #90A4B2, #748CA7, #00764F, #000C0C)
• Patina Lantern color palette (#EDF1E3, #ADC1AB, #789B8B, #004921, #010100)
• Wandering Studio color palette (#E7EFF4, #AAB5C4, #8D93B5, #005C72, #001622)
• Aged Meadow color palette (#E7EAE3, #919F8C, #5F7863, #003421, #070B02)
• Weathered Denim color palette (#EBE5D0, #53847F, #006273, #3E2900, #140E00)
• Cypress Station color palette (#E6F1F2, #CCDAE1, #A3BAD3, #00856F, #173336)
• Ultramarine Courtyard color palette (#D6E9EB, #929300, #009272, #0040DB, #000303)
• Garnet Dune color palette (#CEEFF2, #006851, #69003B, #380017, #050100)

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