Tempered Cypress color palette — #E7FBF2 · #AAA0CC · #9C637B · #00685D · #47445B

Pine and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E7FBF2): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#AAA0CC): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#9C637B): A full-bodied, balanced rose — the color of a warm blush.
• Pine (#00685D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#47445B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged retro, 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 Atelier color palette (#E8FAF6, #85ACD3, #846A9E, #41652E, #3E485A)
• Worn Denim color palette (#E8FAEF, #CB95B0, #9E684F, #006187, #524155)
• Washed Corridor color palette (#F3F4FF, #C3B8CF, #A7909E, #5C7681, #475262)
• Driftwood Drift color palette (#FCEFE6, #D295BD, #A85E74, #684C26, #392726)
• Misty Field color palette (#DAF7E5, #AD6F95, #923C19, #00475F, #4A212C)
• Muted Quarry color palette (#F9F3F7, #D4D7EE, #75A0B6, #2F8059, #3B566B)
• Mallow Lagoon color palette (#F9F6E1, #DCC3FF, #D49CAA, #5E998E, #574144)
• Muted Coral Parlor color palette (#F7F3FF, #E1D5E9, #EBADD8, #DE7B69, #4D4059)

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