Tempered Terrace color palette — #EFE2FC · #AF36FF · #13640B · #004D3D · #2F1544

Orchid and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EFE2FC): A whisper-light, dusty violet — the color of a velvet chair.
• Orchid (#AF36FF): A luminous, vivid violet — the color of wild irises.
• Pine (#13640B): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#2F1544): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Dusty Violet color palette (#E7E7F4, #7D63FF, #405D00, #004D2E, #22194E)
• Byzantium Garden color palette (#E6D9EB, #AB00D4, #00765A, #00585C, #351141)
• Magenta Boulevard color palette (#FFE1F6, #D600B8, #008573, #006673, #44233C)
• Plum Courtyard color palette (#FFDAD9, #B7007C, #00675E, #004741, #3A0826)
• Frosted Field color palette (#D3E6FD, #0071CE, #716500, #39571D, #012447)
• Linen Byzantium color palette (#EBD8F6, #A700DE, #BC0032, #00558E, #1A0026)
• Patina Canyon color palette (#FFF1F4, #B184C3, #5C9972, #3D7E77, #513C41)
• Pale Raspberry Coast color palette (#FFDBD6, #CA3A76, #007C81, #185C79, #42201D)

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