Cypress Courtyard color palette — #ECF9EF · #8ABCAD · #4C8064 · #3A5F72 · #2A4A41
Fern and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Mint Leaf (#8ABCAD): A luminous, dusty teal — the color of glacier melt.
- Fern (#4C8064): A full-bodied, dusty teal — the color of shallow lagoons.
- Peacock (#3A5F72): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#2A4A41): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Hushed Lagoon color palette (#F4F2E8, #B4B78E, #518164, #1B615C, #28290D)
- Patina Driftwood Archive color palette (#FCF2F7, #AACAB0, #7D865C, #61647A, #415244)
- Hushed Grove color palette (#EAFAEE, #8FA379, #207353, #514460, #173D35)
- Patina Cypress color palette (#FAF2F9, #C1E3F0, #5093B7, #2A724E, #374961)
- Hushed Shell Alley color palette (#EEF6FF, #E0D9E2, #F1AFB6, #4C8C9C, #414A5E)
- Antique Terrace color palette (#FBF4E8, #DCD7AA, #6CC093, #769A85, #4B4400)
- Olive Boulevard color palette (#D2E4D9, #5D874C, #005140, #4F162F, #0A2102)
- Antique Cobalt color palette (#BCF1FF, #63B5E4, #517BC5, #544E8A, #543A5E)
Browse the whole catalog at Explore, or see today's palette.