Tempered Terrace color palette — #FFF1F4 · #A177A9 · #5C8B2E · #217D34 · #4F2C34

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Dusty Rose (#A177A9): A luminous, balanced pink — the color of a candy shop window.
• Olive Leaf (#5C8B2E): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#217D34): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#4F2C34): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Worn Driftwood color palette (#FFF2ED, #B66768, #5E7C38, #005E6C, #442C24)
• Linen Bronze Grove color palette (#FFF0FA, #7781CD, #A46F0D, #756A00, #472F40)
• Softworn Lagoon Studio color palette (#FFF1F0, #BC869B, #489C7B, #008091, #533C3A)
• Crimson Workshop color palette (#FFE5DC, #D83F56, #008479, #006E75, #56161F)
• Patina Peony Balcony color palette (#FFE7F2, #D04598, #0B6511, #00614E, #43052D)
• Chestnut Thicket color palette (#FAF5E8, #ADA889, #7D7341, #714800, #3E4100)
• Pale Garden color palette (#F3DFD7, #BB3130, #006C70, #1F4C6C, #3A0E0C)
• Cobalt Villa color palette (#FFF1F4, #E4D8D1, #F5B0A0, #6F79B9, #62464A)

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