Cypress Courtyard color palette — #EBF9F1 · #AFA97D · #6F7E4C · #006766 · #314F42
Pine takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EBF9F1): bright and airy, almost weightless.
- Sage (#AFA97D): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#6F7E4C): A full-bodied, dusty green — the color of fresh herbs.
- Pine (#006766): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#314F42): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Denim Workshop color palette (#EAF9F4, #8CB391, #3D8770, #1D5F89, #2D4E4E)
- Worn Forest color palette (#EDF9EE, #CC9C7C, #8F7247, #35663D, #593F49)
- Antique Garden color palette (#E8F7E7, #D1A16A, #698245, #544978, #1F3125)
- Wandering Canyon color palette (#EEF8F3, #C5E5C8, #DFD67A, #82A343, #314C40)
- Soft Emerald color palette (#DCF5EC, #599856, #006B4C, #004565, #003937)
- Sand Garden color palette (#FFF4DE, #E8CF7D, #ADB47D, #7B9475, #5A4400)
- Petrol Orchard color palette (#E4FBF7, #A5C7C6, #75989C, #536F86, #52516B)
- Softworn Taupe color palette (#FFF3E6, #DEB58B, #859C60, #736695, #5E4200)
Browse the whole catalog at Explore, or see today's palette.