Tempered Cypress color palette — #ECF3F5 · #CFD7E1 · #A4BBC7 · #007473 · #142327

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

The five colors

• Ivory (#ECF3F5): a clean, paper-quiet neutral.
• Silver (#CFD7E1): a clean, paper-quiet neutral.
• Ash (#A4BBC7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007473): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#142327): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Muted Cypress color palette (#F2F7F1, #CFDDDB, #A0BAB2, #00736C, #343E32)
• Lagoon Study color palette (#EFF7F8, #D6DBE4, #C0B0B1, #009F96, #213235)
• Timeworn Market color palette (#EFF2F8, #D7D4DF, #B6BDDE, #4D60C3, #1B2538)
• Muted Pine Boulevard color palette (#E7F6F0, #93A880, #47713E, #1D5237, #122100)
• Softworn Abyss color palette (#E5F1F5, #A9B5BB, #7B919E, #004D54, #000D13)
• Gentle Lantern color palette (#E3F5FF, #67E6E7, #00BBD7, #0082BB, #001822)
• Inked Petrol Pier color palette (#D9F1FF, #007089, #0B283A, #000F18, #000304)
• Aged Nightshade color palette (#E7E9EF, #C7CBD9, #A0A1B8, #4C479C, #101524)

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