Tempered Cypress color palette — #E8ECE2 · #BEC7BC · #8FAE96 · #007253 · #1A230E

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

The five colors

• Cream (#E8ECE2): a clean, paper-quiet neutral.
• Stone (#BEC7BC): a calm mid-gray that lets other colors speak.
• Sage (#8FAE96): A luminous, dusty teal — the color of sea glass.
• Pine (#007253): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#1A230E): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Washed Petrol Boulevard color palette (#E4ECE6, #BAC8C2, #B09DB1, #006C7E, #0D2517)
• Abyss Coast color palette (#DAE0D9, #A8BAAC, #76A08D, #00605A, #091807)
• Lagoon Grove color palette (#DFEFEE, #B1C3D4, #9BA7C8, #4D9167, #0E2323)
• Abyss Balcony color palette (#EAF1ED, #98A9A3, #977C95, #004D60, #000D05)
• Wandering Mulberry Grove color palette (#C8E6DE, #65A1AD, #527394, #7D2D4E, #4A0E00)
• Hazy Workshop color palette (#DAEDD7, #4ECA79, #00A9A3, #007BA7, #00181A)
• Tempered Cobalt color palette (#E8F1EE, #E0D3DE, #C8AFBE, #0078B8, #19342C)
• Chalky Garden color palette (#FDEED6, #00967A, #006373, #65004B, #001B19)

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