Tempered Cypress color palette — #F6F0F3 · #D7D1E5 · #829FC1 · #007B7B · #2B364D

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

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Silver (#D7D1E5): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#829FC1): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007B7B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2B364D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Ash Studio color palette (#EEF7F6, #D5DCED, #6CA0C3, #3C7888, #435566)
• Driftwood Corridor color palette (#E5F6F7, #CFDBEB, #B8A8B1, #699065, #243B42)
• Timeworn Denim Veranda color palette (#ECE2E8, #78A3BC, #005C96, #003A36, #020033)
• Wandering Petrol color palette (#EFE6EC, #84BFC5, #007697, #004D39, #00172C)
• Antique Cypress Archive color palette (#E4F6F7, #87C1AE, #CA849C, #00856B, #3B2844)
• Forest Atelier color palette (#F9EEF5, #A9D9E5, #0092AA, #00663A, #00293D)
• Weathered Lantern color palette (#FAEBF1, #537E9D, #103481, #001F22, #01000A)
• Rust Boulevard color palette (#DDF7FF, #5FABAB, #AA7BA8, #B25A59, #122B32)

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