Cypress Courtyard color palette — #F8F6E6 · #92A17A · #007172 · #643D4F · #2C3C00
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#92A17A): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007172): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#643D4F): A full-bodied, dusty rose — the color of strawberry cream.
- Forest (#2C3C00): A deep, shadowed, balanced green — the color of new leaves after rain.
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
- Muted Chapel color palette (#FFF3E5, #9B9F71, #3A7140, #514368, #37352F)
- Cypress Hollow color palette (#FAF6DB, #71B48E, #007977, #4B5723, #17452D)
- Antique Cypress color palette (#E7F6F2, #76ABA8, #24745C, #613D1B, #002220)
- Weathered Atelier color palette (#E7E7CE, #4A9E83, #006168, #2F4618, #1F2E0D)
- Patina Chestnut color palette (#FEF3E8, #BDAE89, #5E7E51, #7D4D11, #534000)
- Tempered Olive color palette (#F2E8D7, #99982D, #4F7C16, #005B3A, #004842)
- Pine Station color palette (#E0EAC3, #348E52, #8F5290, #873255, #282F0A)
- Misty Violet Boulevard color palette (#ECF2DA, #51A169, #9161AE, #006931, #432754)
Browse the whole catalog at Explore, or see today's palette.