Cypress Courtyard color palette — #F3F7EF · #D0E0DD · #B3C4C6 · #4A816F · #454941

Fern and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F3F7EF): bright and airy, almost weightless.
• Silver (#D0E0DD): bright and airy, almost weightless.
• Stone (#B3C4C6): soft and architectural.
• Fern (#4A816F): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#454941): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Softworn Petrol color palette (#EFF8F3, #F0D8DE, #CFB3BE, #0F7592, #35443C)
• Olive Garden color palette (#FFF3E8, #BAB080, #617D4B, #496149, #543F00)
• Abyss Loft color palette (#E6ECE3, #93B29F, #8E768F, #004138, #0E170A)
• Petrol Courtyard color palette (#D8EADB, #008189, #3E2A41, #172219, #080E0A)
• Timeworn Chestnut color palette (#EAFAD4, #82C0CF, #907687, #8B5427, #753F0F)
• Antique Denim Corridor color palette (#E4F2EC, #D9C5D3, #B497A0, #005C82, #20322B)
• Aged Navy Bloom color palette (#F3E9F3, #CBB0BC, #A28688, #1E4479, #271A27)
• Misty Pier color palette (#ECFAEC, #A9FDA0, #00CECF, #6F80BD, #1F4031)

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