Weathered Cypress color palette — #F5F1EB · #CDE3D1 · #5299AE · #006E60 · #003046

A conversation between Pine and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Celadon Mist (#CDE3D1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5299AE): A luminous, dusty blue — the color of deep harbor water.
• Pine (#006E60): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003046): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Washed Studio color palette (#F5F1EB, #C5E5D8, #6291C5, #006A7A, #3C2138)
• Tempered Lagoon color palette (#D7E3D1, #5ABFB9, #008D96, #005766, #003346)
• Aged Denim Drift color palette (#EBE4D9, #5694A4, #00506D, #002C2A, #00050D)
• Softworn Cerulean color palette (#FAF3F8, #B9E4F4, #1F96C7, #28724B, #374961)
• Antique Lagoon color palette (#E6F7EC, #BAE1E5, #DEB9D7, #2E8583, #203C2F)
• Wandering Amber Grove color palette (#E4F8E9, #55B3C2, #C8735D, #00727F, #43180E)
• Weathered Navy Alley color palette (#E7E1D9, #587CA0, #113286, #001E28, #01000B)
• Bronze Pier color palette (#E0F9E9, #3E9BB1, #A46796, #7E6A00, #042515)

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