Cypress Studio color palette — #FBF4EA · #B7EBF2 · #53B7C5 · #258064 · #143627

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Frost (#B7EBF2): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#53B7C5): A luminous, balanced blue — the color of open sky before noon.
• Teal (#258064): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#143627): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Worn Pier color palette (#FDF4E7, #D5DBED, #02C0F1, #00897E, #063955)
• Lagoon Villa color palette (#FFF2EC, #D1E7D0, #71BFD2, #579D75, #144436)
• Dusty Turquoise Station color palette (#EDE6DB, #16B8BE, #005F6F, #002C23, #000103)
• Hushed Azure color palette (#FDF4E6, #BEEEFF, #419CCD, #006A6B, #001F3D)
• Hushed Garden color palette (#EBF9F5, #A3CDD8, #00898F, #006154, #00434B)
• Powdered Mint color palette (#DBFFEC, #00DEBC, #00A79C, #006367, #003C49)
• Tempered Sky color palette (#F5EDE1, #4FC6F1, #006EA5, #003D41, #00020B)
• Weathered Atelier color palette (#DFFFE5, #DEDEEC, #CFB8D6, #6CA697, #263F31)

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