Tempered Cypress color palette — #E2F8EF · #8DAA83 · #33744E · #174F59 · #00221E

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

The five colors

• Cream (#E2F8EF): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8DAA83): A luminous, dusty green — the color of fresh herbs.
• Pine (#33744E): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#174F59): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#00221E): 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

• Patina Harbor color palette (#FEF4E4, #92A273, #337150, #005466, #36362F)
• Lagoon Drift color palette (#E7F5F3, #8FBDBD, #3C8475, #365B6A, #092D2E)
• Muted Lagoon Balcony color palette (#DBEDE9, #5C9E76, #006451, #303559, #001709)
• Patina Market color palette (#CBEFD6, #979C2A, #426800, #00445E, #161800)
• Aged Lagoon Workshop color palette (#EBFAEE, #C5D9A7, #4E9C74, #40697F, #072F27)
• Dusty Pine Basin color palette (#DFF0EB, #468955, #00513A, #003133, #000B02)
• Tempered Coast color palette (#DDEAFF, #718CDE, #967800, #364DA1, #241B00)
• Cellar Olive Quarry color palette (#D1E8D3, #746917, #323B00, #00232C, #030300)

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