Cypress Workshop color palette — #ECF9F2 · #8ABAB5 · #258476 · #5E5371 · #2E4845

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

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Ash (#8ABAB5): A luminous, dusty teal — the color of sea glass.
• Teal (#258476): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#5E5371): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#2E4845): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Cypress Workshop 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

• Softworn Lagoon Balcony color palette (#F5F2E1, #99C08E, #488461, #5A534F, #282912)
• Wandering Workshop color palette (#E7FBF1, #7FA77E, #007364, #2B5543, #133D39)
• Aged Chapel color palette (#EBF9F4, #ABD1A1, #6C9C7F, #846877, #2C4944)
• Timeworn Iris Ridge color palette (#FCF2F5, #C2E0FC, #7786C3, #007073, #434560)
• Glacier Balcony color palette (#E1FDF1, #C4E6F6, #7CDAFC, #91714D, #33514E)
• Feathered Olive Loft color palette (#E5FBF4, #91AA69, #A670BF, #537200, #4F375A)
• Misty Studio color palette (#D1F4EB, #00AB82, #00676E, #731B44, #003728)
• Olive Coast color palette (#D3F5D2, #BAB059, #718700, #216224, #1A4A50)

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