Tempered Cypress color palette — #F2F7EE · #CBDFD9 · #ABC3B3 · #007D65 · #3B4335

Teal and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F7EE): bright and airy, almost weightless.
• Silver (#CBDFD9): A whisper-light, dusty teal — the color of sea glass.
• Stone (#ABC3B3): A luminous, dusty teal — the color of glacier melt.
• Teal (#007D65): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3B4335): 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

• Softworn Cypress color palette (#EFF4EA, #CBDAD7, #A9C7BD, #007E5F, #1F2912)
• Muted Lagoon color palette (#EFF7F7, #D1DBE8, #B9BED7, #009E75, #264647)
• Hushed Field color palette (#EBF0E9, #C2D0C5, #8FA79A, #00635A, #273123)
• Hushed Olive Corridor color palette (#FFF4E2, #ADA750, #5C7400, #215E3B, #3D3A34)
• Aged Abyss color palette (#DBE4E0, #95B0A9, #8E7789, #003D52, #031810)
• Twilit Cypress color palette (#DEF5E0, #00777D, #00303F, #031E09, #000B06)
• Misty Seafoam color palette (#E1FFDD, #27F5A5, #00C2C3, #0086BF, #003F47)
• Wandering Cobalt Meadow color palette (#AAF8EF, #7CC0D4, #5881B6, #824655, #743924)

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