Tempered Cypress color palette — #FAF4EC · #C1E7CE · #5793AE · #07716C · #2C5046

Built around Teal, softened by Storm Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#C1E7CE): A whisper-light, dusty teal — the color of sea glass.
• Storm Blue (#5793AE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#07716C): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#2C5046): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, 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

• Dusty Cerulean Alley color palette (#F9F4ED, #B1E5FC, #5691BA, #2F6D71, #563E56)
• Wandering Lagoon Parlor color palette (#FAF3F7, #D0DFF5, #76ADCD, #428979, #314967)
• Washed Orchard color palette (#F7EBD9, #219195, #004450, #00231B, #000B12)
• Patina Mint Study color palette (#E7FED5, #50D5B8, #00846E, #00523E, #003528)
• Petrol Grove color palette (#F5EDE2, #63BFDB, #00719D, #004F50, #0E2F4F)
• Faded Clover color palette (#DDF2BD, #7CB957, #298E4E, #096748, #384A2C)
• Patina Olive color palette (#EEFAE0, #BBEEDC, #91C7DC, #7A7C34, #414E3C)
• Denim Grove color palette (#F0E6D7, #71A5CC, #0653AC, #003C49, #141B42)

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