Tempered Cypress color palette — #EAFAF2 · #9CBA8D · #3C8363 · #406252 · #304843

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EAFAF2): bright and airy, almost weightless.
• Sage (#9CBA8D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#3C8363): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#406252): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#304843): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, 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

• Driftwood Garden color palette (#E9FAF4, #B0CFA3, #749B76, #5A7970, #314843)
• Muted Olive Balcony color palette (#EBF9EE, #A2AA65, #247E00, #005E57, #164435)
• Muted Corridor color palette (#F4F3E2, #9FBE92, #568159, #5F5700, #282913)
• Hushed Teal Atelier color palette (#C8F6D8, #46B89A, #009291, #006370, #374461)
• Hushed Boulevard color palette (#E8F8FF, #66C3D6, #008196, #004E57, #00393F)
• Chalky Villa color palette (#E7F9FF, #4CB0BB, #CB6286, #00737D, #4E3957)
• Hazy Jade color palette (#D9F1EB, #3FA972, #00695F, #324C00, #00381F)
• Muted Station color palette (#E6F9FF, #D5DAE9, #BCBEFA, #5A8C6C, #394F59)

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