Cypress Courtyard color palette — #F2F2EB · #C8DFD9 · #67A8B3 · #2E7972 · #233D2E

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#F2F2EB): bright and airy, almost weightless.
• Silver (#C8DFD9): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#67A8B3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#2E7972): A full-bodied, dusty teal — the color of sea glass.
• Forest (#233D2E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Antique Petrol color palette (#F0F3EC, #C3E3E8, #849EC3, #3D728F, #412F3E)
• Tempered Studio color palette (#E2F8EA, #4CABC1, #8487C4, #55865E, #182C20)
• Antique Lagoon Ridge color palette (#DDF3D5, #76C3BE, #359899, #006168, #1D402B)
• Weathered Delta color palette (#F9F3F7, #D5D6ED, #6FA2B5, #347E62, #3C556D)
• Antique Drift color palette (#E8EAE1, #8EBAD4, #1071AB, #00495A, #00162F)
• Hushed Summit color palette (#E1E4D6, #5594A6, #005169, #002B2F, #00050A)
• Weathered Cobalt Market color palette (#F0F4E8, #A3D3C5, #4F7EB7, #005676, #2F152E)
• Bronze Terrace color palette (#FEEFE1, #CFB79A, #A97740, #7D4A16, #342A1C)

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