Tempered Cypress color palette — #F5F6EE · #CAE3DC · #7FA489 · #327D75 · #345241

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#CAE3DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#7FA489): A luminous, dusty teal — the color of sea glass.
• Teal (#327D75): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#345241): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, 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

• Tempered Drift color palette (#F7F0ED, #C9E4DD, #71A5B8, #2D7B5E, #1C3D35)
• Antique Pine Courtyard color palette (#F3F8E5, #8CBE94, #6E9EC8, #4B8156, #29574B)
• Antique Basin color palette (#EFF7F5, #D2DFEE, #7DD7E5, #6EB0A9, #3E5663)
• Softworn Petrol Pier color palette (#F4F6EF, #C7E5EA, #829BBF, #4A748D, #604B5D)
• Hushed Lantern color palette (#F2F9E1, #70A77E, #3F97AD, #8D7235, #41433C)
• Dusty Fern color palette (#F2F8E5, #C9E4D5, #A3CFC0, #888E66, #405918)
• Worn Cerulean Courtyard color palette (#E8EADF, #3A8D9D, #004454, #002223, #000B12)
• Worn Quarry color palette (#EDF0E6, #85B9D7, #006EA8, #004D5F, #072F53)

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