Cypress Courtyard color palette — #FAF2F8 · #D6E0F2 · #7D9DBC · #447B69 · #495267

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Frost (#D6E0F2): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7D9DBC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#447B69): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#495267): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: 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

• Lagoon Harbor color palette (#EEF7F6, #D4DDED, #8FB7D1, #529299, #3B566A)
• Cypress Canyon color palette (#F1F3EB, #C3E3E0, #70A5BA, #2E777E, #233C33)
• Softworn Blush color palette (#F7F3FF, #C37DAE, #449B8C, #3F7C87, #463E51)
• Softworn Cobalt Canyon color palette (#FFF1F6, #9DD6FC, #5D7BC9, #006763, #443567)
• Softworn Denim Study color palette (#E8D9E4, #5BACBC, #005D8C, #00402C, #121C41)
• Ancient Parlor color palette (#F4EBF5, #5AC5BF, #00748C, #145313, #0E304C)
• Wandering Blush color palette (#F9F2FF, #E095B9, #72A782, #956079, #2F5553)
• Softworn Basin color palette (#FFF0F8, #A5C1A5, #A07560, #69566B, #3C4C43)

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