Cypress Courtyard color palette — #FBF2F7 · #C1E1F7 · #718CB3 · #037266 · #3D4667

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#C1E1F7): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#718CB3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#037266): A full-bodied, balanced teal — the color of sea glass.
• Navy (#3D4667): A full-bodied, 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

• Aged Cabin color palette (#F5F1EB, #CBE3D8, #5E93BF, #006B74, #172B4D)
• Aged Lagoon color palette (#F1F7F2, #D3DDF5, #6EABDE, #008B96, #33486B)
• Washed Villa color palette (#EFF8EE, #AEC8E1, #6273B9, #005F61, #41305A)
• Weathered Denim Workshop color palette (#F4E5F4, #67ACAF, #00607E, #00411D, #001E46)
• Washed Study color palette (#EAD9E4, #3E8D9C, #004162, #002416, #02002F)
• Hushed Peony Coast color palette (#FBF1FF, #BE6A88, #008E82, #006F82, #413148)
• Softworn Forest color palette (#FEF0FF, #65CBC7, #007A96, #015B13, #00345E)
• Worn Study color palette (#F8F2FF, #EBD6DA, #E0CC99, #81729E, #574156)

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