Cypress Courtyard color palette — #F9F3F7 · #D3D7EF · #62A5B3 · #427D59 · #3C5669

Built around Teal, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#D3D7EF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#62A5B3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#427D59): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#3C5669): A full-bodied, dusty blue — the color of deep harbor water.

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

• Hushed Alley color palette (#EFF7F5, #CEE1F3, #6AC2C5, #539585, #3F5760)
• Dusty Teal color palette (#F2F2EC, #C7E1D9, #5FABAE, #3A786A, #2A3B2E)
• Olive Lagoon color palette (#ECF8F6, #9ABB93, #A28DC3, #448439, #544569)
• Cerulean Villa color palette (#F3EAF1, #469EAB, #00516D, #003126, #00142C)
• Airy Cobalt color palette (#FCF1F9, #A9D6EB, #008ABE, #006857, #103F78)
• Pine Meadow color palette (#DFFFE7, #BBBF8C, #7B9555, #357544, #2C595C)
• Petrol Corridor color palette (#F4ECF1, #8EB7D1, #266CA6, #00504C, #1E2A54)
• Wandering Forest Grove color palette (#DBFDFA, #AFD5B2, #568E61, #1A6036, #1D3F22)

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