Cypress Courtyard color palette — #FAF3F7 · #C4E2EB · #5096A6 · #31714D · #2D4B62

A conversation between Pine and Storm Blue, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#C4E2EB): A whisper-light, dusty blue — the color of open sky before noon.
• Storm Blue (#5096A6): A luminous, dusty blue — the color of deep harbor water.
• Pine (#31714D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2D4B62): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Softworn Lagoon Lagoon color palette (#E7F9FF, #D2DAED, #B5C2E8, #508888, #324F5C)
• Aged Lagoon color palette (#F2F2EB, #CDE4CB, #3B9EA4, #006E5F, #003339)
• Patina Lagoon Atelier color palette (#EEF8F5, #CBDDEE, #4EB6BE, #028E7C, #08515B)
• Tempered Denim Bloom color palette (#EDDFE9, #519DA4, #005269, #003122, #001528)
• Cobalt Veranda color palette (#FFF1F5, #ABD3F9, #647BC3, #006472, #413372)
• Antique Aqua Delta color palette (#FCF3EE, #C0F0E1, #5BCFE9, #5CAB7E, #275143)
• Weathered Driftwood color palette (#E6F9FF, #57AFB4, #C06D7A, #007479, #5E343A)
• Airy Navy color palette (#FFF0FA, #7BC4D6, #0076A7, #00574A, #002F6E)

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