Tempered Cypress color palette — #E3FCEE · #8DAE84 · #007B63 · #5C5100 · #244419

Teal and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E3FCEE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8DAE84): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#007B63): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#5C5100): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#244419): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, 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

• Worn Studio color palette (#FFF1F5, #A9A768, #3B7A32, #724500, #3F3D00)
• Weathered Thicket color palette (#E9F9F4, #6EA6A7, #007172, #425216, #0F3D3E)
• Worn Ridge color palette (#FDF1F6, #92BBA2, #637D48, #1C6663, #30493A)
• Emerald Villa color palette (#E3FCF2, #95CC82, #00A05E, #64702F, #28431F)
• Worn Mulberry color palette (#DFFDF7, #5CB6A1, #007787, #842D47, #00453A)
• Frosted Moss Parlor color palette (#DAF3DD, #889C3A, #006D3A, #004C59, #293300)
• Hazy Chartreuse color palette (#FFF4DB, #9EE584, #00C09A, #938A53, #2A4221)
• Gentle Scarlet color palette (#BBF8FC, #009198, #D21F00, #854B00, #00383B)

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