Tempered Cypress color palette — #F7F0ED · #CBE1DD · #75A3BD · #347B57 · #422F40

Teal takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F0ED): a clean, paper-quiet neutral.
• Silver (#CBE1DD): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#75A3BD): A luminous, dusty blue — the color of open sky before noon.
• Teal (#347B57): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#422F40): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Turquoise Harbor color palette (#F8F5EF, #C9E7E0, #50A6BE, #387D6E, #385147)
• Tempered Bronze Quarry color palette (#F8F1E5, #C7B181, #849AD5, #8F6C00, #40273C)
• Tempered Ridge color palette (#F9F3F8, #D5D6E9, #7DBADA, #629374, #465466)
• Abyss Boulevard color palette (#EEE4DF, #5E826B, #003F62, #002015, #00000C)
• Aged Cobalt color palette (#FBEFE7, #A3D9F0, #3E83D9, #006356, #211854)
• Softworn Lantern color palette (#F7F2DF, #9FA06B, #6D8FC0, #5379B1, #2D2712)
• Aged Denim Corridor color palette (#EADEDA, #86A688, #00617D, #003C16, #000A1E)
• Patina Driftwood color palette (#F7F1E7, #C0DDCE, #B1AEB9, #B17E6F, #3D3B34)

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