Cypress Courtyard color palette — #F6F0F3 · #D7D1E4 · #859DC5 · #157B71 · #2F354B

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Silver (#D7D1E4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#859DC5): A luminous, dusty violet — the color of wild irises.
• Teal (#157B71): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2F354B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, 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

• Ancient Veranda color palette (#F1F7F2, #D7DEEF, #6D9ECA, #3D7981, #475365)
• Lagoon Field color palette (#E8F4FC, #DAD6E4, #B5B3A8, #579289, #364250)
• Cobalt Pier color palette (#E8F3FF, #94B7DB, #CF8870, #2F75B5, #43263A)
• Petrol Field color palette (#EFE5EE, #8BBCCE, #0074A1, #004E2E, #01113C)
• Softworn Harbor color palette (#F1E1E6, #6E8DAD, #38399A, #002B2E, #080013)
• Wandering Denim color palette (#C6F3F9, #85C5CD, #3198B6, #305B94, #2B3A56)
• Forest Corridor color palette (#F7EFF8, #9EDDDC, #0091B4, #006724, #00254A)
• Aged Alley color palette (#E8F6EC, #A4C3B9, #678D74, #774D2C, #1A312F)

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