Tempered Cypress color palette — #F1F7EF · #CFDDDB · #9EC6B9 · #007B71 · #364531

Teal takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F1F7EF): bright and airy, almost weightless.
• Silver (#CFDDDB): bright and airy, almost weightless.
• Stone (#9EC6B9): A luminous, dusty teal — the color of sea glass.
• Teal (#007B71): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#364531): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Hushed Dune color palette (#F0F7F4, #E5D8DB, #CDB4C0, #00739F, #2A473C)
• Cypress Terrace color palette (#EBF3F5, #CED7E2, #A4C5D5, #007B78, #14292E)
• Hushed Abyss Corridor color palette (#EAF1EA, #C3D0C9, #AE98B0, #006262, #253226)
• Olive Drift color palette (#F5F6ED, #CEDFD4, #ADC3AD, #377D00, #434300)
• Soft Thicket color palette (#DDE8BE, #79BDBC, #4A80AD, #884811, #4E4700)
• Muted Garden color palette (#FFF3E2, #A3A875, #477837, #005E56, #3B3E0D)
• Hushed Cerulean color palette (#F9F3F8, #E0D8D8, #AEACA1, #6982B0, #594F58)
• Inked Petrol color palette (#D3EBDB, #007589, #0F2C49, #001C23, #000708)

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