Cypress Courtyard color palette — #F7EFF3 · #D7D1E5 · #7F9ECA · #217B6E · #2D3450

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

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Silver (#D7D1E5): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7F9ECA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#217B6E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2D3450): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Weathered Azure color palette (#F1F7F2, #D7DEEF, #6D9FC8, #3B7A81, #475465)
• Cerulean Station color palette (#FFECF5, #C58E6B, #5B92C8, #4D7CAB, #371E2B)
• Nightshade Ridge color palette (#F1E4E8, #638EB5, #3332AA, #002B2D, #080014)
• Forest Drift color palette (#F9EEFA, #9FDDDC, #0091B3, #006820, #002549)
• Aged Thicket color palette (#EEE6ED, #94BAC8, #00759E, #004E2B, #00123B)
• Bronze Courtyard color palette (#FCEDF3, #D4AA85, #5DA7C4, #A55D00, #003747)
• Antique Basin color palette (#FCEDF4, #ABC2AD, #9B7689, #7A484A, #1B3128)
• Cocoa Boulevard color palette (#FFECF3, #E3C39D, #AB7C52, #6A4400, #2B1700)

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