Cypress Studio color palette — #E6F7EC · #8BAB77 · #007759 · #474160 · #04221D

Teal and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E6F7EC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8BAB77): A luminous, balanced green — the color of fresh herbs.
• Teal (#007759): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#474160): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#04221D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Washed Cypress color palette (#E5FBF2, #83A775, #2D724A, #504560, #183D37)
• Antique Chapel color palette (#D9EADB, #8FA006, #006E34, #4E2770, #141800)
• Garnet Courtyard color palette (#D9F5ED, #5D9D81, #006165, #5A213C, #001617)
• Weathered Lagoon color palette (#FEF4DF, #9BC18B, #3A9278, #7B5861, #36362F)
• Aged Pine color palette (#D4EEE1, #438B4D, #004F46, #3F173D, #000A09)
• Cobalt Parlor color palette (#F7EFF3, #9FCFEA, #567BBC, #005C55, #181E3A)
• Weathered Ridge color palette (#DDEFDC, #C3820E, #0089A9, #744B00, #00202A)
• Linen Archive color palette (#D6F8D3, #D09452, #8C5900, #4A2A00, #150C00)

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