Cypress Studio color palette — #FBF2F6 · #D8DEF0 · #7F9CBE · #387B7C · #485269

Teal takes the lead with Blue Fog close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#D8DEF0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7F9CBE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#387B7C): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#485269): A full-bodied, dusty violet — the color of wild irises.

Feels like: 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

• Cerulean Villa color palette (#EFF7F6, #D7DCEB, #8FB7D4, #3893AB, #3F556A)
• Petrol Field color palette (#F1F3EC, #C8DFDF, #70A3C7, #11778E, #1D3D36)
• Petrol Workshop color palette (#EDF7FF, #7DB8DF, #BF8C6C, #2F7AA7, #644053)
• Washed Cerulean Quarry color palette (#EEF6FF, #ABC9F0, #5D86B3, #2D4F77, #1E3851)
• Dusty Garden color palette (#F6E3EF, #41A19B, #005360, #003217, #001623)
• Wandering Canyon color palette (#ECF9F0, #9CC2B3, #698974, #71545E, #354D49)
• Hushed Azure color palette (#EEF6FF, #699DCE, #AD7E60, #956E34, #344455)
• Denim Lantern color palette (#EEE1E7, #74A7BD, #005A99, #003E3C, #10174D)

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