Cypress Courtyard color palette — #F5F6EE · #C5E6CC · #4F96A6 · #00716E · #314F40

Teal and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Celadon Mist (#C5E6CC): A whisper-light, dusty teal — the color of glacier melt.
• Storm Blue (#4F96A6): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00716E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#314F40): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Patina Cerulean color palette (#F5F7E7, #7BE1E8, #008FA0, #006761, #004857)
• Teal Study color palette (#AFF8F0, #00B9BB, #008B91, #00636F, #2E4F3C)
• Patina Cerulean color palette (#F3F6EF, #B3EADC, #6D8CB8, #376884, #573E53)
• Cerulean Grove color palette (#E0FEEC, #0098B7, #7572B5, #39784F, #283E32)
• Tempered Lagoon Bloom color palette (#E9E9D8, #35908C, #004648, #00231C, #000C0E)
• Patina Thicket color palette (#E5FBF0, #DAD7E2, #A6C6EF, #61876E, #3A5248)
• Softworn Petrol color palette (#EEF0E3, #63C1D4, #00748E, #004F52, #003345)
• Turquoise Garden color palette (#E4FCEC, #00B2CD, #A073BF, #007284, #5C3542)

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