Cypress Courtyard color palette — #F2F7F1 · #D0DCDA · #9CBCAD · #19726E · #363D35

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

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D0DCDA): a clean, paper-quiet neutral.
• Ash (#9CBCAD): A luminous, dusty teal — the color of sea glass.
• Teal (#19726E): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#363D35): a grounded near-black with real depth.

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

Use it as a design system

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

• Petrol Meadow color palette (#EFF7F4, #E5D6DB, #C1ACBA, #146B98, #333D39)
• Washed Cypress Delta color palette (#EEF4EC, #C9DAD9, #C0B2BF, #127468, #1D221B)
• Worn Lagoon color palette (#EDF7F9, #D3DAE7, #BCBCD2, #4A8F82, #313D3F)
• Tempered Cerulean Drift color palette (#EFF7F5, #DED4D2, #A8A095, #6286A5, #4B5552)
• Tempered Veranda color palette (#E9F2EA, #AFBDB5, #6C93B0, #004F53, #132416)
• Worn Corridor color palette (#FBF5E5, #94A275, #327421, #1C5647, #37362F)
• Aged Cocoa color palette (#CFF1D6, #74ABC8, #6B79A2, #7F4027, #5F3600)
• Petrol Villa color palette (#DBE9E0, #006E85, #002843, #02190D, #010605)

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