Tempered Cypress color palette — #EFF7F8 · #D5DBE1 · #B8BFCF · #3C827A · #404A4B

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

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D5DBE1): bright and airy, almost weightless.
• Ash (#B8BFCF): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#3C827A): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#404A4B): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Driftwood Studio color palette (#F2F7EF, #D1DEDD, #D3C2C8, #819775, #454943)
• Petrol Meadow color palette (#EFF6FD, #D9D8EA, #ADBBE1, #0071AA, #36414B)
• Patina Abyss color palette (#DBE4E7, #95ADBA, #64839C, #004042, #00171E)
• Olive Terrace color palette (#EBF9F0, #ABB589, #5B7F4A, #3B6164, #314840)
• Antique Terrace color palette (#DBF6FF, #9EB7C7, #7186B4, #6E546E, #5E3E3F)
• Wandering Corridor color palette (#E6EBF5, #B4B8C9, #8C89AE, #30388D, #1A1F2B)
• Hushed Petrol Atelier color palette (#E6FCEA, #36ABA9, #00739E, #723949, #21424E)
• Soft Cobalt color palette (#E8F8FF, #99FCE4, #00CBE2, #358AD2, #1A3C4E)

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