Cypress Workshop color palette — #FAF4EE · #CAE6EA · #8D96C3 · #317B7F · #654954

Teal and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#CAE6EA): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8D96C3): A luminous, dusty violet — the color of a velvet chair.
• Teal (#317B7F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#654954): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: 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

• Patina Ash Basin color palette (#FFF1F4, #AF87B8, #749469, #407E69, #513C40)
• Weathered Delta color palette (#F8F5EF, #CCE6EA, #C6A5C2, #4392AC, #64495B)
• Tempered Orchard color palette (#FCF3F0, #CCE4CC, #5294AD, #387142, #543F56)
• Petrol Harbor color palette (#EEF3EF, #D7DAEA, #879CC5, #24758F, #2C364C)
• Washed Cabin color palette (#FFF1F4, #E3D9D2, #CFC5A6, #997B98, #634D4E)
• Driftwood Delta color palette (#FEE7FF, #A8AFE4, #997BB1, #7A4E73, #684140)
• Hushed Alley color palette (#FFF1F4, #C5A0D5, #8BA26E, #886099, #4E4E46)
• Worn Cerulean color palette (#F1E3DD, #419FA7, #00516E, #003219, #001135)

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