Tempered Cypress color palette — #E5F7F1 · #7DAD8C · #007566 · #583B55 · #002221

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

The five colors

• Ivory (#E5F7F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#7DAD8C): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007566): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#583B55): A deep, shadowed, dusty pink — the color of a candy shop window.
• 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

• Ancient Cypress Studio color palette (#E4F7EC, #93A97A, #3D7250, #4F4718, #00221C)
• Wandering Lagoon Bloom color palette (#D1E8E3, #4BA082, #006261, #284021, #00170F)
• Washed Lagoon Corridor color palette (#F6F6EB, #93C1A3, #009585, #8F4E49, #343630)
• Washed Lagoon color palette (#EAF5EF, #ABCBC4, #5E8C8D, #51675C, #213632)
• Pine Lagoon color palette (#CDFFDB, #67BD8D, #008154, #004118, #001205)
• Byzantium Balcony color palette (#D6F4EF, #558C42, #8C4FAC, #863F64, #001915)
• Weathered Terrace color palette (#DFF4F0, #3F896B, #004F4C, #461A10, #000B05)
• Quiet Villa color palette (#E7DEC1, #97A33D, #3B7C12, #004F2A, #002B20)

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