Tempered Cypress color palette — #EFF3ED · #C7DDD8 · #ACC7B8 · #007C70 · #1D2918

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

The five colors

• Cream (#EFF3ED): bright and airy, almost weightless.
• Silver (#C7DDD8): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#ACC7B8): A luminous, dusty teal — the color of glacier melt.
• Teal (#007C70): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#1D2918): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Olive Cabin color palette (#F2F2EC, #CDDCD0, #B7C4AF, #3F7D00, #262612)
• Antique Cypress Cabin color palette (#E4EBE4, #C4CEC7, #8AAD9F, #006261, #0B1A0B)
• Hushed Pier color palette (#EAF5F0, #E3D6DB, #D1B5CA, #00759D, #132A21)
• Tempered Meadow color palette (#EEF7F8, #D0DCED, #A3BFDD, #007D65, #2D4447)
• Deep Petrol color palette (#D1E9D8, #007989, #002E43, #001317, #010501)
• Teal Station color palette (#F1F7EE, #CDE2DF, #D6C0B1, #00AA90, #2D3926)
• Weathered Cerulean Canyon color palette (#F5F0F5, #DCD4D5, #B7ACA5, #6B84AC, #3B333B)
• Worn Olive color palette (#FAF1DD, #A5AE72, #497B13, #005B40, #202300)

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