Cypress Studio color palette — #FFD8E5 · #A6AF7D · #36807B · #5A4B6A · #453A53

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD8E5): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#A6AF7D): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#36807B): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5A4B6A): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#453A53): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Weathered Boulevard color palette (#CFF0D5, #85AC7F, #4A878D, #624F69, #523745)
• Wandering Field color palette (#E7FAF6, #41B096, #00707C, #56425D, #183C3F)
• Worn Villa color palette (#BEF4EB, #9CC8A8, #639E8C, #406B86, #304258)
• Ancient Basalt Hollow color palette (#F6E3C8, #D8C9AF, #A3A989, #967FA6, #63374A)
• Timeworn Cobalt color palette (#FDF1F9, #9FCDE3, #447EAB, #0F614A, #2D3A54)
• Weathered Powder color palette (#D7FFF6, #9ACDD8, #899BB2, #796975, #5A494D)
• Soft Veranda color palette (#EAECDA, #00BEA1, #0779AA, #813735, #5E2E2C)
• Washed Turquoise Parlor color palette (#D9F8D1, #59B5C0, #6179AE, #755060, #674223)

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