Tempered Cypress color palette — #E4F6F4 · #78AD96 · #18746A · #543C5A · #002123

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

The five colors

• Ivory (#E4F6F4): bright and airy, almost weightless.
• Jade (#78AD96): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#18746A): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#543C5A): A deep, shadowed, dusty pink — the color of a candy shop window.
• Midnight (#002123): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Washed Pewter color palette (#EAF5EE, #94BEAF, #647E59, #634D5F, #162D25)
• Spruce Grove color palette (#F7F6E8, #72A991, #007176, #653C52, #293D00)
• Forest Terrace color palette (#C5F0E1, #70A565, #006D42, #642B00, #031C00)
• Weathered Lagoon Grove color palette (#E8FAF5, #A6DEC5, #3E9A9E, #6B5C79, #002F30)
• Patina Olive color palette (#E2F9E6, #B2AA62, #627428, #5F4818, #252100)
• Softworn Cerulean color palette (#ECF4ED, #AACEDB, #36889D, #005D4F, #002434)
• Bronze Bloom color palette (#E2F2E7, #937900, #007C90, #813E76, #1A1300)
• Chestnut Archive color palette (#D9FCE6, #DAE5B5, #7DBF92, #8A5920, #103022)

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