Tempered Cypress color palette — #F5F1EB · #C8E2DA · #64A9B2 · #307A60 · #223D2F

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C8E2DA): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#64A9B2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#307A60): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#223D2F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: 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

• Worn Petrol Quarry color palette (#F5F1EB, #C6E4E5, #7EA0C2, #007987, #452C42)
• Turquoise Orchard color palette (#F8F3F9, #D1E2F1, #57A5BE, #547A54, #445465)
• Timeworn Abyss Coast color palette (#E9E3D9, #4A8388, #004351, #00201A, #000103)
• Worn Alley color palette (#EFE8DD, #88BCD1, #0072A9, #004B4E, #001532)
• Wandering Cerulean color palette (#F7F1E7, #99DCEC, #008FBC, #00625E, #002742)
• Muted Corridor color palette (#FFECF0, #B78ABC, #A7894C, #008992, #362025)
• Softworn Chestnut Lagoon color palette (#F6F2E6, #C1BC9D, #898556, #745101, #2D2D1A)
• Jade Basin color palette (#FBF3F1, #C7DCDF, #A4C8F4, #6AA170, #58465A)

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