Cypress Garden color palette — #F1F7F1 · #D2DCDA · #AFC4C2 · #328285 · #404B41

Built around Teal, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#D2DCDA): a clean, paper-quiet neutral.
• Stone (#AFC4C2): A luminous, dusty teal — the color of sea glass.
• Teal (#328285): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#404B41): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cypress Garden 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

• Weathered Lagoon color palette (#EEF3EE, #CFDAD9, #C9BAC0, #268582, #262F25)
• Tempered Ridge color palette (#FAF2FA, #E9D4D8, #CBB4C4, #396CA8, #473B47)
• Ancient Abyss Atelier color palette (#DAE5DD, #9CAFA4, #638979, #003F48, #04190B)
• Softworn Studio color palette (#EDF9F2, #BEDACE, #83B2A4, #00657C, #23382D)
• Fern Drift color palette (#F7F6EC, #B2B38A, #577F56, #4E6220, #474500)
• Aqua Delta color palette (#E4FCEE, #87E9F0, #57D0F1, #468ABE, #204333)
• Hushed Stone Courtyard color palette (#DAFFEE, #92BFB3, #92778D, #755B5E, #5F4645)
• Weathered Turquoise Harbor color palette (#F3F8E2, #34A8BD, #377190, #594171, #274435)

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