Cypress Studio color palette — #FAF4F0 · #CCE7E0 · #6EA2B5 · #3C7D62 · #315249

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CCE7E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6EA2B5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#3C7D62): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#315249): A full-bodied, dusty teal — the color of sea glass.

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

• Wandering Grove color palette (#FBF3F0, #CCE3D1, #5693AF, #00735B, #553E59)
• Softworn Aqua Balcony color palette (#F5F6EF, #C9E6DF, #60C2D0, #48968D, #44584C)
• Petrol Parlor color palette (#F9F4EF, #CAE7EA, #AE8DAA, #247C85, #644959)
• Worn Petrol Garden color palette (#EEF8F1, #81BBC6, #C9818D, #008192, #66433B)
• Softworn Cerulean color palette (#E3FDED, #9ED3E7, #418FA2, #005B6E, #003E4A)
• Washed Cerulean Corridor color palette (#EADDD7, #428D9A, #00425C, #00231B, #00091B)
• Hushed Terrace color palette (#F9E9E1, #88A889, #006275, #004027, #002236)
• Worn Bronze Delta color palette (#E6FBED, #4FA6B8, #C07069, #AB5E43, #32483A)

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