Cypress Studio color palette — #F5F0F5 · #D1DCEA · #7BA2BD · #387A56 · #29374B

A conversation between Teal and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Silver (#D1DCEA): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7BA2BD): A luminous, dusty blue — the color of open sky before noon.
• Teal (#387A56): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#29374B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Tempered Turquoise Bloom color palette (#F1F7F2, #D1E0F1, #4DA7BE, #3F7B6E, #415563)
• Muted Cypress color palette (#E6F5FA, #7DC1C3, #C98A7A, #008285, #43253C)
• Tempered Orchard color palette (#E4F5FC, #D4D8E6, #D1BCDE, #699E81, #2D414F)
• Wandering Atelier color palette (#EFE3EF, #75A5B3, #00617D, #003C17, #000A1E)
• Hushed Coast color palette (#E5DBE2, #49828F, #003F63, #002015, #00000C)
• Worn Cobalt Loft color palette (#FCEDF5, #B0D6EC, #2485DF, #006453, #1E1858)
• Cerulean Balcony color palette (#E2F5FF, #9FD6E5, #4790AA, #005968, #002029)
• Dusty Sapphire color palette (#EFE6EA, #8DBAD6, #3F67BA, #004C47, #19073A)

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