Cypress Courtyard color palette — #ECF9F2 · #88BBB2 · #3D8365 · #684F6E · #2C4944

A conversation between Fern and Charcoal Brown, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Mint Leaf (#88BBB2): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#3D8365): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#684F6E): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#2C4944): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Tempered Delta color palette (#EDF9EE, #91BAA8, #607D55, #6D5629, #2F493E)
• Pewter Field color palette (#EBF9F7, #AAC7CA, #5E8996, #7B5A6E, #395255)
• Bronze Parlor color palette (#E5FBF5, #C4E6F7, #A0D2E7, #957527, #345250)
• Feathered Loft color palette (#E7FAF5, #8FAA6E, #8A7DC4, #4E7300, #433A67)
• Quiet Grove color palette (#DDFDF8, #689664, #7273B5, #92478F, #08413C)
• Softworn Cobalt Dune color palette (#FAF3F6, #CADFF1, #688AC4, #007077, #3C4665)
• Dusty Orchard color palette (#CDF5EB, #56A47C, #006961, #7E120C, #003821)
• Timeworn Fern color palette (#D7FFF6, #9DC18F, #5A8439, #1E5600, #1C3906)

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