Cypress Study color palette — #ECF8F8 · #D0DBE2 · #9DB9BF · #207552 · #313D3D

A conversation between Pine and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#ECF8F8): a clean, paper-quiet neutral.
• Silver (#D0DBE2): bright and airy, almost weightless.
• Ash (#9DB9BF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#207552): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#313D3D): a grounded near-black with real depth.

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

Use it as a design system

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

• Emerald Courtyard color palette (#F4F6F0, #CFDDD7, #ABC5C1, #199859, #393C31)
• Dusty Lagoon color palette (#E8FAF8, #71A6A6, #29715C, #245451, #183C3C)
• Petrol Basin color palette (#EDF7FE, #D6D8E8, #B0BDCF, #0072A5, #2E4252)
• Abyss Garden color palette (#DBE9EB, #A5BEC3, #71959F, #005141, #052427)
• Antique Onyx Market color palette (#DCE3E9, #8D9CA9, #617385, #003040, #010B12)
• Ancient Ridge color palette (#D6F1FF, #88A4B6, #647D98, #585478, #523950)
• Dusty Mint color palette (#E2FAFF, #5CD8A3, #00B7A1, #00838D, #003936)
• Wandering Market color palette (#E9EFF6, #C3CDDB, #94A1B9, #005797, #232F3B)

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