Tempered Terrace color palette — #E8F6F1 · #ACBA88 · #B388CD · #697B26 · #2F2D48

A conversation between Olive Leaf and Wisteria, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E8F6F1): a clean, paper-quiet neutral.
• Sage (#ACBA88): A luminous, dusty green — the color of a quiet forest floor.
• Wisteria (#B388CD): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#697B26): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2F2D48): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Hushed Summit color palette (#E6F5F6, #74C6A9, #BD85BE, #008666, #332C47)
• Washed Mint Harbor color palette (#E5FBF4, #9EBC6D, #A08DC6, #657C3F, #484B66)
• Periwinkle Harbor color palette (#ECF5EB, #D5AB79, #7D9AE1, #996519, #243147)
• Washed Mustard Dune color palette (#F9F6E3, #BCCF79, #C4A2D6, #869457, #62434C)
• Tempered Peony color palette (#E1F8ED, #A2A154, #BA70A9, #9A6487, #172C23)
• Driftwood Dune color palette (#FDEDF4, #AAC3AC, #A97555, #674F66, #1F3129)
• Frosted Peony color palette (#E3F6FC, #2FB8C2, #D26389, #00737A, #321E39)
• Ancient Powder color palette (#E3F7EE, #C1E4F3, #ADC5ED, #789275, #2C413F)

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