Cypress Courtyard color palette — #FAF2F8 · #D7D5EA · #7D9EB7 · #3B7C6E · #445468

Teal and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#D7D5EA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7D9EB7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#3B7C6E): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#445468): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Washed Lagoon Coast color palette (#EFF7F6, #D3DEEE, #78BDD3, #1E989C, #395769)
• Cypress Harbor color palette (#F1F2EC, #C8DFDC, #7DA890, #18797D, #183E30)
• Patina Pine color palette (#E9F9F9, #8ABDA1, #B786B1, #2D855D, #514668)
• Wandering Denim color palette (#EADAE6, #5CADB8, #00607F, #003F31, #00203F)
• Tempered Navy Chapel color palette (#F0E3EB, #3F8BA6, #003F69, #002220, #02012D)
• Hushed Quarry color palette (#FBF2F8, #A3CDDA, #368399, #006341, #163E59)
• Chalky Boulevard color palette (#FFF1F7, #98D8FC, #3C7FD5, #006668, #343874)
• Sapphire Hollow color palette (#F9EAEE, #89B7DD, #4362B8, #004E58, #2D2455)

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