Cypress Workshop color palette — #F8F0EB · #BCE8D1 · #6C90BB · #116D5D · #3B2332

Pine and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Mint (#BCE8D1): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6C90BB): A luminous, dusty blue — the color of deep harbor water.
• Pine (#116D5D): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#3B2332): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Cerulean Boulevard color palette (#F9EFED, #ACEAE6, #469AB2, #456943, #04342B)
• Cobalt Delta color palette (#FBF0E5, #9FCEF0, #6579B4, #005B5A, #341324)
• Olive Chapel color palette (#F9EFEC, #C3EDE2, #7CA892, #67722C, #402F42)
• Dusty Garden color palette (#ECF6E3, #00C093, #BD7199, #00775A, #3F1B1B)
• Lagoon Studio color palette (#FAF3F7, #D2DEF7, #7CAAD2, #1D8C84, #374864)
• Weathered Garden color palette (#EFE2DC, #2E868F, #00415B, #002110, #000109)
• Spruce Atelier color palette (#F7E6E2, #46AFAB, #006279, #013D0A, #000B1B)
• Washed Studio color palette (#E3E7D9, #84BD5B, #008863, #00605E, #0C311C)

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