Cypress Courtyard color palette — #F2F3E9 · #A8EAEA · #4F9BA3 · #1D6C62 · #163321

Pine and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F2F3E9): bright and airy, almost weightless.
• Sea Foam (#A8EAEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Storm Blue (#4F9BA3): A luminous, dusty blue — the color of open sky before noon.
• Pine (#1D6C62): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#163321): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Hushed Market color palette (#F1F3E9, #8FD4E4, #0089AA, #005B5F, #00281B)
• Cerulean Lagoon color palette (#F0F3EA, #BFE7D8, #6792BA, #2E667B, #39223A)
• Aged Cerulean color palette (#E0E2D4, #309AA7, #005362, #002C2B, #000509)
• Hushed Study color palette (#FCF3EF, #BAECF4, #84C7D9, #5D8F73, #21483C)
• Airy Terrace color palette (#FFEFD9, #D1990F, #38A18E, #825D01, #1B2D11)
• Powdered Amber Quarry color palette (#FFF0D3, #A98A00, #2B9564, #935952, #271C07)
• Weathered Taupe Courtyard color palette (#FFEFDB, #C0A96E, #8D703B, #504B45, #2B210C)
• Hushed Delta color palette (#FBF1DC, #CFF2BF, #BCCDA1, #987E53, #323029)

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