Tempered Cypress color palette — #FAF4EE · #C3E5D8 · #7789B4 · #00716D · #5C3C4C

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Celadon Mist (#C3E5D8): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#7789B4): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#00716D): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5C3C4C): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Sophistication. Tagged coastal, cool, light, 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

• Cerulean Grove color palette (#F9F4EE, #C7E2E4, #81A8D4, #008A9D, #593D54)
• Patina Olive Workshop color palette (#FBF3EF, #CAE9E3, #71A0BD, #637836, #62495E)
• Airy Iris color palette (#FFF1F6, #9378C4, #598A46, #1A7459, #4C2D3B)
• Pale Station color palette (#FDF3EB, #ABDAC5, #437ED4, #00685C, #3D3570)
• Hushed Boulevard color palette (#EEF3EF, #CCDFEF, #6B91BA, #006A7A, #1D2C45)
• Muted Alley color palette (#FFF0F8, #E5DAD4, #F3BCA5, #5A8B7B, #60474E)
• Aged Corridor color palette (#FAF3F6, #D7DEF5, #9DBDFF, #41ABA3, #41465F)
• Aged Navy color palette (#F9E8DE, #51899C, #003E6E, #00231B, #06002B)

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