Tempered Cypress color palette — #F9F3F7 · #D5E0F2 · #789EBE · #3D7D67 · #47536A

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D5E0F2): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#789EBE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#3D7D67): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#47536A): A full-bodied, dusty violet — the color of a velvet chair.

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

• Softworn Sky color palette (#F1F7F2, #D5DFEF, #71BCE1, #57938F, #455464)
• Softworn Cypress color palette (#F5F1EB, #C6E4E1, #65A5C5, #217A76, #213C35)
• Antique Olive Orchard color palette (#F2F4FF, #9C8DC8, #9A8A3E, #5E7C32, #3D4156)
• Tempered Cobalt color palette (#FCF2F6, #A2D5F9, #5E7BC9, #006764, #463073)
• Muted Market color palette (#E7DAE4, #6FA9B6, #005D8D, #00402C, #0D1552)
• Worn Pier color palette (#F2E4EC, #60869E, #003A7B, #00231D, #090029)
• Washed Petrol color palette (#F6EBEE, #91B5DA, #5A60A8, #004F54, #3B1C54)
• Patina Cobalt Chapel color palette (#F0F5FF, #A1AED9, #9C9D60, #576BC0, #4F5024)

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