Cypress Workshop color palette — #FAF4F0 · #CBE6E7 · #7F9CBE · #007F7F · #64485C

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CBE6E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7F9CBE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007F7F): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#64485C): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Worn Pine Coast color palette (#FAF4F0, #CCE6E0, #63A4BA, #24815F, #325249)
• Petrol Courtyard color palette (#FFF3E7, #B98E66, #4F91BB, #676AA8, #47413C)
• Wandering Bronze color palette (#FDF3EC, #D4A48A, #6F9EC8, #AD581F, #28574C)
• Washed Cabin color palette (#F8ECE6, #80BDC4, #007393, #00523D, #002F54)
• Sunlit Courtyard color palette (#FFF2EB, #9CDCDA, #008EA7, #006A3F, #004565)
• Worn Navy Alley color palette (#F1E6DD, #5A8C7D, #163580, #002226, #090028)
• Denim Coast color palette (#F0E1D9, #7EAA95, #00599A, #003E3C, #11184B)
• Hushed Hollow color palette (#FFF2E9, #C8B49C, #AA7243, #814D48, #5C4300)

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