Tempered Terrace color palette — #EFF7F5 · #AEDDD1 · #41ACBE · #729B44 · #213037

Built around Olive Leaf, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Oat (#AEDDD1): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#41ACBE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#729B44): A luminous, balanced green — the color of new leaves after rain.
• Deep Forest (#213037): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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 Amber color palette (#F0F7F1, #B7DCBE, #5FAE8B, #B28300, #203232)
• Softworn Corridor color palette (#EFF7F8, #A2E0D1, #8499D5, #00A38D, #262E3C)
• Sky Workshop color palette (#F6F6ED, #C4FFDD, #7CB6DA, #8DA372, #16211D)
• Softworn Lagoon Basin color palette (#F4F6F0, #9BCEAE, #008E98, #387D57, #273128)
• Aged Pewter color palette (#E9F9FA, #6DB09D, #5F8AB7, #8F4F65, #1F3C33)
• Petrol Terrace color palette (#D7FFF6, #ABDCC0, #50B1A7, #00819A, #004774)
• Tempered Dune color palette (#FFF0FB, #9DCBAA, #4FA0AF, #9A595A, #2A4E53)
• Tempered Taupe Boulevard color palette (#EFF7F7, #D5DBDF, #B3B1BD, #79A88C, #4A5555)

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