Cypress Studio color palette — #E4F7ED · #8AAA87 · #007663 · #144C6A · #00221F

Teal takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E4F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#8AAA87): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#007663): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#144C6A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Garden color palette (#FBEDF3, #83AB91, #556F2B, #00524D, #032312)
• Muted Basalt color palette (#EAF6E9, #A3A376, #477144, #643158, #002316)
• Timeworn Lagoon color palette (#F5F7E8, #AEDDBF, #369D86, #2B6E77, #232C09)
• Antique Archive color palette (#F3DCE4, #969058, #326319, #372C6D, #151200)
• Ancient Pine Veranda color palette (#CFE6DD, #47895C, #004F49, #002B4D, #000B03)
• Dusty Summit color palette (#F9EEF4, #ACCDE0, #417EC1, #005D4D, #1B1B3E)
• Hushed Veranda color palette (#ECF2FF, #DBCFF5, #E29684, #15719B, #25233F)
• Fern Corridor color palette (#DCECE0, #486223, #003320, #2C0015, #010100)

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