Tempered Cypress color palette — #EEF7FA · #D3DAE3 · #A1B7C6 · #177270 · #2F3D41

A conversation between Teal and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#EEF7FA): a clean, paper-quiet neutral.
• Silver (#D3DAE3): a clean, paper-quiet neutral.
• Ash (#A1B7C6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#177270): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#2F3D41): a grounded near-black with real depth.

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

• Tempered Denim color palette (#EEF6FD, #C2D4EC, #9BA3D1, #00618C, #213545)
• Timeworn Lagoon Alley color palette (#F2F7F0, #CBDEDD, #D1C2D0, #4E8E85, #353D33)
• Weathered Balcony color palette (#F1F6FB, #DAD9E2, #B7A8AB, #6785A3, #4E5359)
• Abyss Alley color palette (#DFECF1, #AEBBC3, #7492AD, #004E55, #0A232B)
• Antique Petrol Atelier color palette (#C9EDFD, #85B1CE, #616F98, #60475B, #50302E)
• Antique Pine Lantern color palette (#ECF9F2, #8EA469, #387236, #145749, #1E3C34)
• Timeworn Navy Corridor color palette (#E3E9F1, #919AAE, #6A6E8C, #002661, #030914)
• Garnet Ridge color palette (#E1F5E4, #00989F, #006190, #741530, #113544)

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