Tempered Cypress color palette — #E3FCF2 · #80B280 · #007C61 · #4F5700 · #234324

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

The five colors

• Ivory (#E3FCF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#80B280): A luminous, balanced green — the color of fresh herbs.
• Teal (#007C61): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#4F5700): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#234324): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Cypress 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

• Muted Olive Harbor color palette (#EAFAED, #A4A967, #3B7B22, #684B00, #3B3E08)
• Cypress Atelier color palette (#E9F9F6, #6EA6A9, #00726F, #37542B, #003E41)
• Faded Studio color palette (#D9F2E4, #799F58, #006C41, #004D53, #1D3600)
• Cocoa Garden color palette (#E1FCF8, #75B19D, #00787B, #7F391E, #004636)
• Sunlit Emerald color palette (#E5FBF6, #90CD90, #2F9D60, #577344, #14433F)
• Worn Seafoam color palette (#FCF6D8, #99E499, #4CBB9A, #878E58, #244324)
• Wandering Workshop color palette (#EEF8F4, #ABC8C4, #568E7B, #4C6B7A, #395350)
• Fern Orchard color palette (#DFEFDD, #867B3C, #384D00, #00382B, #201B00)

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