Tempered Cypress color palette — #DFF8F2 · #76B087 · #00765D · #214D5B · #002221

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

The five colors

• Honeydew (#DFF8F2): A whisper-light, dusty teal — the color of sea glass.
• Jade (#76B087): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00765D): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#214D5B): A deep, shadowed, dusty blue — the color of open sky before noon.
• 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

• Weathered Fern Courtyard color palette (#E4F8E8, #A8A35F, #5A6D2B, #15504F, #062216)
• Dusty Cypress color palette (#F8F5E9, #80A682, #23725E, #2F5440, #343A00)
• Wandering Moss color palette (#CAEFDD, #78A700, #006F1A, #00416D, #0F1A00)
• Hushed Meadow color palette (#EAF9F1, #B5DDAC, #369E85, #436882, #072F2A)
• Muted Lagoon Lantern color palette (#D6F0EC, #008E64, #004F46, #003039, #000B05)
• Tempered Cerulean Workshop color palette (#EDF4EE, #92D3E8, #3085B0, #005B5B, #03213E)
• Olive Boulevard color palette (#D7EADD, #656F00, #1F4000, #002133, #030300)
• Aged Iris color palette (#E1E9FF, #8780EE, #8E7C00, #4E469B, #221C00)

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