Cypress Courtyard color palette — #E4FBF5 · #80A686 · #117457 · #643D4F · #083E3B
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E4FBF5): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#80A686): A luminous, dusty green — the color of fresh herbs.
- Pine (#117457): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#643D4F): A full-bodied, dusty rose — the color of strawberry cream.
- Deep Teal (#083E3B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Ancient Cypress color palette (#E6F6F0, #7DAD91, #007472, #61364D, #002222)
- Patina Fern color palette (#EAFAEF, #9C9F6E, #566B3D, #574A21, #1A3D30)
- Washed Lagoon color palette (#ECF8F3, #A0CBC2, #588C89, #4F6E62, #3E524E)
- Muted Turquoise color palette (#DFFCF9, #BBE1F5, #59BDC4, #697638, #214444)
- Weathered Grove color palette (#D1EBE8, #489E7F, #00635A, #214826, #003032)
- Muted Boulevard color palette (#F7F6EB, #ABBB94, #359091, #845168, #2B3C00)
- Weathered Delta color palette (#D6F7F1, #669E5A, #975EA9, #1D6801, #482453)
- Aged Lagoon Delta color palette (#DDF7F2, #478968, #005144, #432700, #002112)
Browse the whole catalog at Explore, or see today's palette.