Cypress Courtyard color palette — #F7F6E9 · #6EAA8A · #007171 · #455029 · #2D3C00

Built around Teal, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Jade (#6EAA8A): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007171): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#455029): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#2D3C00): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Aged Garden color palette (#F9F6E5, #75B38B, #007974, #2B537C, #393C35)
• Washed Cypress color palette (#DEF8F4, #6EB090, #007566, #1F504A, #002122)
• Washed Fern Corridor color palette (#F9F5EC, #C3C49F, #4C9078, #536C61, #525000)
• Tempered Pine Study color palette (#FFF3E5, #9B9F6F, #1E762E, #5E4623, #37352F)
• Weathered Bronze color palette (#DEF6E3, #00A0AF, #AF6300, #00626C, #512A00)
• Tempered Terrace color palette (#D5ECD2, #008C86, #A25500, #6B5900, #1C3219)
• Dusty Teal color palette (#E5FBF6, #A6D7BD, #56B2AA, #5E8F85, #193C3D)
• Muted Mallow color palette (#E1FDEB, #BBD6FF, #D298E5, #307E5F, #1B433A)

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