Weathered Cypress color palette — #EAF4F8 · #D1D6E5 · #ABB8CB · #18717A · #172227

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

The five colors

• Ivory (#EAF4F8): a clean, paper-quiet neutral.
• Silver (#D1D6E5): A whisper-light, dusty violet — the color of wild irises.
• Ash (#ABB8CB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#18717A): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#172227): quiet, heavy and certain.

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

Use it as a design system

One click turns Weathered 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

• Weathered Cypress color palette (#F1F7F2, #CBDEDF, #BEAEB8, #00727A, #313F33)
• Petrol Harbor color palette (#EFF2FA, #E2D2E7, #C5B9D7, #6261A9, #1F2435)
• Timeworn Pewter Bloom color palette (#D2E8EA, #88A5C3, #79688F, #395743, #102C1B)
• Ancient Cerulean Boulevard color palette (#EFF7F2, #CFDFDE, #BFC5D1, #5695A4, #28312B)
• Petrol Summit color palette (#CEE3F4, #006C9B, #1B2242, #010E1A, #000304)
• Tempered Abyss Garden color palette (#DEE7EB, #A0B6CB, #7F8DAB, #004C5B, #000D14)
• Tempered Denim Thicket color palette (#E6E8F3, #CCC9D9, #A99FB1, #59478A, #131520)
• Tempered Courtyard color palette (#E7F6EE, #85AD73, #177652, #244C5C, #04211D)

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