Cypress Courtyard color palette — #E4FBF5 · #7AA883 · #2A715A · #534360 · #0A3E3B

Pine and Jade 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.
• Jade (#7AA883): A luminous, dusty teal — the color of glacier melt.
• Pine (#2A715A): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#534360): A full-bodied, dusty violet — the color of wild irises.
• Deep Teal (#0A3E3B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Wandering Cypress Drift color palette (#E2FCF6, #75B38E, #007B66, #6E4718, #014444)
• Cypress Hollow color palette (#E6F6EF, #7AABA7, #00756B, #5C375A, #002220)
• Stone Grove color palette (#ECF9ED, #B7B183, #4D7F6F, #68506A, #32483D)
• Ancient Pier color palette (#D2EAE8, #559C82, #00625B, #523805, #003223)
• Faded Fern color palette (#D8F3E4, #829E40, #1C6D15, #6E2B1C, #263400)
• Ancient Lagoon Canyon color palette (#CFEFEA, #478969, #005145, #4E192C, #002113)
• Bronze Canyon color palette (#E4FEE4, #B3DFC9, #A2C098, #8F5D3F, #294631)
• Misty Bronze Courtyard color palette (#D0EED2, #A06F00, #007C7F, #744482, #16331A)

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