Tempered Cypress color palette — #FFF3E2 · #D6CBA3 · #7BAD7B · #008467 · #005553

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

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#D6CBA3): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#7BAD7B): A luminous, balanced green — the color of new leaves after rain.
• Teal (#008467): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005553): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged 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 Atelier color palette (#E9F0DD, #66B578, #008C74, #005357, #002C3C)
• Antique Emerald color palette (#D8FFF4, #A6C99A, #5D9964, #1D6D47, #005155)
• Timeworn Olive color palette (#FFF2EC, #E7C4A2, #ADA062, #6C7C27, #0C5622)
• Faded Denim Loft color palette (#F8F8D5, #ACDCC1, #4EAEA4, #007C96, #004F7E)
• Misty Lagoon color palette (#D7ECD1, #00A783, #006E70, #004557, #00142E)
• Weathered Quarry color palette (#FFF3E8, #C1C192, #6A9F89, #895E85, #4E4A00)
• Taupe Corridor color palette (#F7F5EF, #D6DCD6, #A6B8B7, #9DA063, #555348)
• Patina Summit color palette (#F2F3E6, #81A87A, #515C4A, #393B00, #23221B)

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