Cypress Courtyard color palette — #F1F7F2 · #C8E0EF · #5B91B3 · #007072 · #304A66

A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Powder Blue (#C8E0EF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#5B91B3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007072): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#304A66): A full-bodied, dusty blue — the color of deep harbor water.

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 Cerulean color palette (#ECF7FF, #D9D9E4, #C4C2FD, #34909C, #394D61)
• Antique Ridge color palette (#F6F0F3, #C0E2F6, #5192D3, #006F5A, #232B42)
• Faded Petrol Lantern color palette (#B4E9F8, #5CB7C5, #0083A0, #006487, #3C416E)
• Muted Denim Quarry color palette (#DBE6DD, #70ABA7, #00636C, #00402C, #00242D)
• Tempered Lagoon color palette (#E1EEE3, #4B8C94, #004454, #00231E, #000B14)
• Dusty Orchard color palette (#DCEBDF, #6497B2, #004C81, #002F35, #000B3F)
• Dusty Petrol Station color palette (#EDF7FF, #8BBADE, #2178AC, #004974, #00304B)
• Periwinkle Veranda color palette (#FBF3EF, #CBEFDB, #72A9E3, #228D76, #593E50)

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