Tempered Cypress color palette — #F2F7F0 · #D1DEDD · #D1BDC4 · #468174 · #454943

Teal and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Silver (#D1DEDD): a clean, paper-quiet neutral.
• Stone (#D1BDC4): A luminous, dusty rose — the color of a warm blush.
• Teal (#468174): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#454943): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Antique Boulevard color palette (#EDF8F3, #F7D9DE, #D2B2BC, #16749A, #33443D)
• Washed Cypress Thicket color palette (#EFF8EF, #BADCCF, #BC9BB2, #00676B, #263828)
• Tempered Dune color palette (#FFF3E6, #B4B37D, #5C7E57, #49614D, #514000)
• Dusty Petrol color palette (#DAE9DE, #007F91, #3D2B3D, #17221B, #080E0B)
• Dusty Quarry color palette (#EFF7F8, #D6DBE3, #B5AFBB, #57C0B2, #3F4A4C)
• Wandering Abyss color palette (#E9EFE8, #97B0A4, #8E768B, #00413D, #0A1808)
• Navy Bloom color palette (#E8DEE7, #C8B2BA, #A68485, #28407E, #271A26)
• Chestnut Delta color palette (#E8F7D3, #9FC0AC, #9E7F91, #86591D, #6F4400)

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