Cypress Workshop color palette — #DFEAED · #B0C8DA · #99A5BA · #006F6E · #0C2329

Built around Teal, softened by Sky — the whole palette hums with sophistication.

The five colors

• Frost (#DFEAED): bright and airy, almost weightless.
• Sky (#B0C8DA): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#99A5BA): A luminous, dusty violet — the color of wild irises.
• Teal (#006F6E): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0C2329): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Cerulean Boulevard color palette (#DFE8EC, #B8C0CF, #9CA8C6, #00919D, #0F2229)
• Worn Grove color palette (#E0E8E1, #B0BDB5, #759787, #004E56, #122417)
• Ancient Cypress Station color palette (#EFF8F0, #CCDDDD, #CCB0CC, #006D71, #011103)
• Antique Petrol Balcony color palette (#EAEFF7, #D5D6E7, #BDB2C9, #5D6FA7, #282E39)
• Azure Canyon color palette (#D2E5DF, #5B9EC4, #71628A, #33573E, #372800)
• Washed Navy color palette (#E4EEF7, #9FA4B5, #8781A2, #004878, #030A12)
• Muted Petrol color palette (#C3E5FB, #006A8B, #433B40, #1C2042, #000B14)
• Tempered Pine color palette (#DEF4E1, #869D46, #007443, #004E5D, #002119)

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