Tempered Cypress color palette — #F5F6EE · #C5E8DF · #80A388 · #437A72 · #385141

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.
• Honeydew (#C5E8DF): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#80A388): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#437A72): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#385141): A full-bodied, dusty teal — the color of glacier melt.

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

• Cerulean Archive color palette (#F5F6EE, #C7E6CC, #3799AB, #02716D, #30503F)
• Ash Balcony color palette (#F4F6EE, #C4E7ED, #809BBF, #4D7968, #5E4B5C)
• Timeworn Terrace color palette (#E6E6D2, #3FB2B0, #006469, #003F36, #00242A)
• Muted Terrace color palette (#FFF4DC, #AB9841, #489C78, #99685F, #45423B)
• Petrol Terrace color palette (#EDF1E0, #80BAD8, #006FA4, #004D5D, #10304B)
• Worn Thicket color palette (#E0E2D5, #1190A2, #004453, #002223, #000B12)
• Teal Harbor color palette (#FBF3F1, #C7DEE1, #96D0E9, #7CB187, #614962)
• Amber Coast color palette (#FFF3E8, #D9A167, #AD7E3C, #7C6236, #56524C)

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