Cypress Studio color palette — #FBF3F0 · #CDE5E1 · #69A1BF · #347E6B · #5E4B5F

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#CDE5E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#69A1BF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#347E6B): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#5E4B5F): A full-bodied, dusty pink — the color of neon signs at night.

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

• Turquoise Loft color palette (#ECF4F2, #CEDCEF, #66A7BA, #3B7677, #223947)
• Wandering Meadow color palette (#F5F6EF, #C5EAE4, #6CBFD6, #4A9495, #42584E)
• Hushed Lagoon color palette (#FFF2EF, #BD8696, #859155, #00897F, #553B37)
• Ancient Workshop color palette (#E9DED9, #68ABB3, #00607D, #00402F, #00203D)
• Misty Cobalt Lantern color palette (#FFF3EA, #A9DBC6, #4781C8, #006668, #323875)
• Hushed Driftwood color palette (#FFF1F2, #E2D9D1, #ACB8C5, #8D7FB2, #5F4845)
• Muted Onyx Courtyard color palette (#E8DCD5, #628B75, #004066, #00231F, #00002F)
• Timeworn Study color palette (#FFF1F3, #CAA0C5, #6BA889, #985891, #295841)

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