Tempered Cypress color palette — #FAF4EE · #CCE5E8 · #AF8DA7 · #2E7C7C · #654955
Teal and Dusty Rose set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#FAF4EE): bright and airy, almost weightless.
- Silver (#CCE5E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#AF8DA7): A luminous, dusty pink — the color of peonies in June.
- Teal (#2E7C7C): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#654955): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: 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
- Muted Cypress Atelier color palette (#FBF4ED, #C0E6DB, #7F87B2, #007075, #4F3F62)
- Hushed Cypress Loft color palette (#FCF3F0, #CCE8E2, #79A491, #4F7A5D, #5E4B5E)
- Weathered Cerulean color palette (#F8F5EF, #CDE5E8, #95B3DE, #4392A7, #614A5C)
- Muted Cobalt Quarry color palette (#FFF3E7, #BC8D62, #6D89C1, #746899, #47413C)
- Wandering Apricot Atelier color palette (#FDF3EB, #DBA17D, #7C99CB, #986444, #5B445A)
- Muted Spruce color palette (#FDECE7, #4E8D8B, #004355, #002506, #000919)
- Weathered Chestnut color palette (#FFF3E9, #DDE4C9, #A8D3B7, #B08677, #6D4A00)
- Hushed Loft color palette (#F3E6DB, #76A5C3, #375397, #003E3B, #231246)
Browse the whole catalog at Explore, or see today's palette.