Cypress Courtyard color palette — #F5F0F5 · #CFD3E8 · #68A7BA · #50764F · #22384E

Olive takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Silver (#CFD3E8): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#68A7BA): A luminous, dusty blue — the color of deep harbor water.
• Olive (#50764F): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Teal (#22384E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Turquoise Garden color palette (#F1F7F2, #CEE3F6, #53A8B3, #3F7C65, #405662)
• Antique Abyss color palette (#EDE3EC, #3C858C, #00415B, #002110, #000108)
• Wandering Cobalt color palette (#FAEDF7, #A9D8EF, #0089D5, #00654B, #181F4F)
• Tempered Workshop color palette (#E6F7ED, #A2C4BB, #898558, #725028, #163131)
• Dusty Olive Villa color palette (#F5EEFF, #BE89AC, #819756, #6A8333, #2B2335)
• Ancient Cerulean color palette (#F1F0FE, #ECD4DE, #B6B1A5, #778ABC, #3B3546)
• Wandering Petrol Boulevard color palette (#EFE6EB, #89BCD1, #3A6CAA, #004C41, #140740)
• Dusty Violet color palette (#F0F1FC, #C0A7D7, #7DA97D, #8759AD, #033935)

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