Tempered Cypress color palette — #FBF4ED · #C3E4F7 · #8FA4DD · #007F7D · #32264D

A conversation between Teal and Mauve, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Powder Blue (#C3E4F7): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#8FA4DD): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007F7D): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#32264D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, 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

• Hushed Lagoon color palette (#FEF2EF, #BFE8ED, #60B3D0, #417F4A, #15304C)
• Periwinkle Boulevard color palette (#FFF2EA, #D6E6FA, #429CFF, #007463, #20145C)
• Worn Dune color palette (#FDF2F6, #ACC9E2, #5A72C4, #00605F, #353855)
• Muted Petrol color palette (#F8EBE5, #76C4D7, #006DA8, #00402D, #010015)
• Powder Veranda color palette (#FAF4EE, #C5DEEB, #C6BCEA, #639E99, #5C4651)
• Pale Mustard color palette (#FCF6D9, #BCC95F, #C68DD7, #757E00, #3A1445)
• Weathered Cobalt Bloom color palette (#F7F1E8, #A2D4C4, #3C7BD1, #00596A, #31142B)
• Worn Balcony color palette (#EBE1D6, #82A6C7, #3F49A1, #002B2C, #020006)

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