Tempered Cypress color palette — #FAF4EF · #CAE6E7 · #7F9BC3 · #317D72 · #664859

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Silver (#CAE6E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7F9BC3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#317D72): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#664859): A full-bodied, dusty pink — the color of a candy shop window.

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

• Aged Powder Pier color palette (#F8F5EF, #C2E0EF, #8CB6DC, #50929A, #5E4B5D)
• Periwinkle Study color palette (#EEF4EF, #D4DCF0, #6FA2CE, #217882, #2B3748)
• Muted Petrol Villa color palette (#ECF9F4, #87B7D7, #C98760, #247AAB, #524C47)
• Washed Bronze color palette (#FFF0FE, #7699CE, #BD7455, #986500, #4D3C4D)
• Softworn Cabin color palette (#DBFEF4, #ABDCCD, #5082AB, #1A4E86, #0F3856)
• Ancient Cobalt color palette (#FDF3ED, #B3CCBC, #437EAC, #006249, #2E3760)
• Navy Coast color palette (#EAE0D7, #5C85A5, #253280, #002222, #0F0023)
• Hushed Ridge color palette (#F9F5EB, #BDB99B, #8E7F54, #7D5332, #444E00)

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