Cypress Courtyard color palette — #F5F0F6 · #CFD3E9 · #7CA2B7 · #507651 · #23384D

Olive and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F0F6): bright and airy, almost weightless.
• Lilac Frost (#CFD3E9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7CA2B7): A luminous, dusty blue — the color of open sky before noon.
• Olive (#507651): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Teal (#23384D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cypress Grove color palette (#F1F7F2, #CFE0EF, #65A5AE, #2B7F63, #3C5766)
• Ancient Drift color palette (#E5F6F3, #97C091, #AC8EC4, #4C8146, #2F2D4B)
• Timeworn Ash Bloom color palette (#E0F8F2, #C6E1F4, #C1B6D9, #7B9C84, #2A3F3F)
• Weathered Abyss color palette (#F6EAF4, #488387, #004258, #00210D, #000106)
• Cobalt Summit color palette (#FCECF8, #9BDCEC, #3B89C4, #00654B, #181F4E)
• Ancient Petrol Terrace color palette (#EFE6EB, #84BDD4, #3A6DA9, #004C41, #130F34)
• Timeworn Alley color palette (#FDEDF3, #A7C4AE, #9B7786, #664F63, #1E312A)
• Driftwood Harbor color palette (#DCFCDD, #BCBC7E, #6D8E52, #316641, #184045)

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