Tempered Cypress color palette — #FAF3F7 · #D7DFF1 · #769DC7 · #307E6C · #495269

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D7DFF1): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#769DC7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#307E6C): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#495269): A full-bodied, dusty violet — the color of wild irises.

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 Station color palette (#F0F7F1, #D7DFEE, #8CB7D4, #628E9B, #455465)
• Hushed Ash color palette (#F6F1E9, #C3E7E5, #76A2C0, #547457, #402F41)
• Timeworn Lagoon color palette (#F6F3FF, #BB81B3, #009DA1, #348487, #443F50)
• Patina Forest Lagoon color palette (#F5EBF5, #6EC2C1, #007390, #00541A, #062F54)
• Wandering Denim Ridge color palette (#EADCE5, #6AAABB, #005B94, #004030, #141749)
• Indigo Balcony color palette (#FFF1F5, #A1D5FF, #5E73E4, #006667, #473465)
• Powdered Jade Studio color palette (#F9F2FD, #DF98AF, #5BAD7A, #A45572, #275655)
• Worn Navy color palette (#FBE9F1, #3E89B1, #042D96, #002320, #0C0124)

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