Cypress Courtyard color palette — #F9F4EE · #CCE3D4 · #5893AD · #00716C · #294B66

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#CCE3D4): A whisper-light, dusty teal — the color of glacier melt.
• Storm Blue (#5893AD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00716C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#294B66): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Muted Lagoon color palette (#F8F5EF, #C9E3DB, #6A8AC2, #006D86, #5B3C52)
• Soft Cerulean color palette (#D1ECC7, #56B3B4, #00889B, #00657F, #384469)
• Cobalt Delta color palette (#F9F4EE, #ABCEBF, #3F7DB1, #005E67, #283A5B)
• Timeworn Denim Bloom color palette (#EFE8DE, #549AB4, #004F76, #002F32, #00132F)
• Antique Terrace color palette (#F7F0ED, #C7E5D1, #5794C1, #116F52, #3A2335)
• Lagoon Lantern color palette (#E4FCF0, #BDE5EB, #BCC0F9, #008F97, #2D5147)
• Dusty Periwinkle Basin color palette (#F9F3F7, #C4ECFE, #5EADE3, #478A6D, #384864)
• Amber Meadow color palette (#EBF9F0, #4EAEC7, #C66E51, #007188, #643222)

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