Cypress Studio color palette — #F2F2EC · #C9DEDA · #7DA88E · #007B7B · #233C30
Built around Teal, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F2EC): a clean, paper-quiet neutral.
- Silver (#C9DEDA): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#7DA88E): A luminous, dusty teal — the color of sea glass.
- Teal (#007B7B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#233C30): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cypress Studio 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
- Cypress Veranda color palette (#F1F3EA, #CBE3D4, #5997AE, #006C72, #003145)
- Cerulean Pier color palette (#E8F6EF, #EDCCEC, #BCDAEB, #508F9E, #2D453B)
- Cerulean Harbor color palette (#DDF7DC, #86CBD0, #2996A5, #006779, #183D2C)
- Muted Studio color palette (#F1F3EC, #C5E2E5, #AD91B0, #2E7491, #442D44)
- Patina Pine color palette (#E4F8EA, #52ABBC, #7F87C9, #458A4C, #182D1F)
- Ancient Cobalt color palette (#E7EAE2, #8EBFB0, #216DB7, #004760, #00123B)
- Tempered Abyss color palette (#E3E6D8, #4B8192, #004258, #001F22, #000103)
- Worn Thicket color palette (#FAF3F0, #C6DDE3, #ABC5F5, #50A48D, #5B445C)
Browse the whole catalog at Explore, or see today's palette.