Tempered Cypress color palette — #E5F6F2 · #7AAE8D · #217461 · #5E3A47 · #002221

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

The five colors

• Ivory (#E5F6F2): a clean, paper-quiet neutral.
• Jade (#7AAE8D): A luminous, dusty teal — the color of sea glass.
• Teal (#217461): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5E3A47): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#002221): 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 Cabin color palette (#E8F6ED, #9CA57A, #4D703C, #4F471C, #002319)
• Washed Garnet color palette (#F6F6E6, #70A894, #007079, #70354A, #333730)
• Tempered Grove color palette (#CEFFE8, #66B78A, #007B53, #003A23, #001209)
• Washed Lagoon Canyon color palette (#E9F5F1, #A8CCC6, #628E75, #49695F, #203633)
• Pale Thicket color palette (#D7F5F3, #219255, #5564C2, #973823, #001818)
• Cerulean Station color palette (#EAF5EC, #A7CFDD, #2489A1, #005D4F, #002434)
• Lagoon Alley color palette (#E2F4F2, #328A6C, #004F48, #3A2500, #000A0B)
• Weathered Forest Thicket color palette (#D7EFEC, #56A661, #9C63A2, #006722, #2F0634)

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