Cypress Courtyard color palette — #F0F8EE · #C6D8CB · #82B3A3 · #00695E · #2A3725

Pine and Sage set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F0F8EE): a clean, paper-quiet neutral.
• Oat (#C6D8CB): A whisper-light, dusty teal — the color of sea glass.
• Sage (#82B3A3): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#00695E): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#2A3725): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Denim Pier color palette (#F0F7F2, #BEDAD0, #94A5D7, #006675, #26382C)
• Driftwood Field color palette (#F2F7F1, #D3DDDC, #A6ACBE, #6F8B6D, #4F544F)
• Fern Orchard color palette (#F7E9D5, #949839, #2B6B00, #004E47, #2F3100)
• Softworn Pewter color palette (#D9E2DB, #8AA096, #81667F, #003236, #030C05)
• Weathered Teal Courtyard color palette (#E9F9FC, #CCDCEF, #B3C0DD, #00AFA3, #18383E)
• Tempered Hollow color palette (#F8F3F8, #E5D8D8, #D6BAB3, #5A759E, #4B454B)
• Navy Corridor color palette (#D7E4E0, #C2B4BD, #A7828F, #004779, #12231F)
• Misty Cobalt color palette (#DCF0E8, #2FABCA, #596EB7, #714709, #513B00)

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