Worn Cypress color palette — #FDF3EE · #CAE5C9 · #5096A6 · #37704E · #2C5044

Pine and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Celadon Mist (#CAE5C9): A whisper-light, dusty green — the color of a quiet forest floor.
• Storm Blue (#5096A6): A luminous, dusty blue — the color of deep harbor water.
• Pine (#37704E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#2C5044): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Cypress Pier color palette (#FBF3EF, #C3E6D2, #5991B8, #007267, #593C57)
• Hushed Lagoon Lagoon color palette (#ECF4F2, #BFE4ED, #2E9FA4, #006E5D, #05313F)
• Patina Cerulean Orchard color palette (#FCF3EF, #B2CDB9, #3382A5, #00624E, #1C3C5F)
• Washed Lagoon color palette (#F6F6EE, #C4E4DA, #5AB5B9, #008F79, #305039)
• Wandering Quarry color palette (#FAE8DF, #459EA6, #005268, #003122, #001528)
• Sunlit Olive color palette (#FFF2CC, #AAAB5B, #628A3F, #2E6A32, #225645)
• Feathered Pine color palette (#F2FBD1, #87C697, #358353, #105126, #033A1B)
• Cobalt Courtyard color palette (#FBF4EB, #A6D4FD, #5E7BCB, #006571, #3F3767)

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