Tempered Cypress color palette — #F5F4FF · #C0AED0 · #9F7F99 · #376F68 · #38575A

Teal takes the lead with Heather close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Mauve (#C0AED0): A luminous, dusty violet — the color of wild irises.
• Heather (#9F7F99): A luminous, dusty pink — the color of a candy shop window.
• Teal (#376F68): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#38575A): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged vintage, retro, 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

• Driftwood Field color palette (#FDF0FF, #D4B2C9, #6F8A6F, #477079, #465167)
• Patina Driftwood color palette (#F1D8E9, #BF9AA8, #837C41, #245B67, #3C3C59)
• Antique Summit color palette (#F1F7F2, #C6E0F7, #648BC8, #056D84, #3B4761)
• Mulberry Thicket color palette (#FCF1FE, #D68493, #009F91, #9E4358, #014E46)
• Dusty Workshop color palette (#E7FAF7, #85BEA6, #00857B, #505877, #2C4849)
• Frosted Raspberry color palette (#FFD8F5, #D98AB4, #C0476F, #903D4B, #5C3F57)
• Amber Workshop color palette (#FAD7C4, #AB8336, #585D1E, #084259, #0F264D)
• Olive Alley color palette (#FFEFFF, #CD626E, #548D2D, #366AAA, #423142)

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