Cypress Courtyard color palette — #E8F6EC · #7AAC9B · #4A6F4A · #3E4462 · #012219

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E8F6EC): bright and airy, almost weightless.
• Sage (#7AAC9B): A luminous, dusty teal — the color of sea glass.
• Olive (#4A6F4A): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#3E4462): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#012219): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hazy Jade Studio color palette (#E6F7EC, #98B364, #387B4B, #554070, #1A2500)
• Weathered Pine color palette (#E8FAF5, #89A480, #33723F, #00565C, #123D38)
• Softworn Forest Grove color palette (#D9ECE2, #749A5E, #006542, #482B54, #071700)
• Patina Lagoon Station color palette (#F7F6E5, #D1D4A8, #68976D, #326E73, #292A0C)
• Aged Lagoon color palette (#FBF4E9, #BDB58E, #5C8F57, #635D87, #37362F)
• Cerulean Bloom color palette (#F8EFF5, #A2D0E0, #2687A8, #005E45, #00223D)
• Frosted Station color palette (#EBE5FA, #BD72B3, #538D40, #84277B, #072300)
• Patina Pine Alley color palette (#D4F2E8, #337849, #004036, #310B33, #000401)

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