Tempered Terrace color palette — #D9E9E2 · #86B284 · #008667 · #545A1D · #00302C

Fern and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#D9E9E2): a clean, paper-quiet neutral.
• Sage (#86B284): A luminous, balanced green — the color of fresh herbs.
• Fern (#008667): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#545A1D): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#00302C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Lagoon color palette (#E6FBF4, #91C2A0, #009583, #5A6A40, #113D3C)
• Weathered Chapel color palette (#D2EBE7, #6BB69C, #008283, #7C4430, #003033)
• Softworn Station color palette (#DCE8DF, #A3AB6E, #3F8430, #00635C, #033124)
• Aged Pine color palette (#F8F6E4, #95CB94, #248A62, #495729, #181A00)
• Wandering Teal color palette (#DEF3EF, #4EA683, #006F6C, #2A5015, #002021)
• Antique Forest color palette (#E6E6D1, #639C63, #136539, #3E3E37, #282B10)
• Tempered Driftwood Lagoon color palette (#EEF9ED, #A4D0B8, #81995E, #4C7B7F, #2F493B)
• Cerulean Orchard color palette (#F5EBF2, #87D3D8, #0094B8, #006F4F, #0C304B)

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