Cypress Workshop color palette — #FAF4EE · #C2E6D7 · #718AB8 · #157169 · #5D3B4E

A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Celadon Mist (#C2E6D7): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#718AB8): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#157169): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5D3B4E): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Washed Cobalt Corridor color palette (#FDF3EC, #ABDAC6, #537FC4, #00675D, #3E376A)
• Hushed Cypress Coast color palette (#FBF3F0, #C8EBE5, #76A594, #467C61, #614A5D)
• Peony Studio color palette (#EDFAE6, #46B59E, #C26A85, #007765, #623040)
• Weathered Lantern color palette (#FCF2F6, #D7DFF6, #9DBEF8, #57A89F, #3F4663)
• Washed Navy color palette (#F4E0D5, #4C8A9D, #003F6B, #00231A, #05002C)
• Muted Lagoon color palette (#D9EBB9, #7FBF89, #00957E, #00696A, #234D39)
• Washed Olive Delta color palette (#EBFBE2, #C1E9E9, #DBB6CE, #698152, #405243)
• Denim Pier color palette (#EEDED8, #6AABB1, #005F82, #004122, #031C48)

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