Cypress Courtyard color palette — #F9F3F7 · #D3E1F2 · #6FA2B5 · #298061 · #3D556C

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D3E1F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#6FA2B5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#298061): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#3D556C): A full-bodied, 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

• Aqua Coast color palette (#EFF7F5, #D1DFF0, #66C1D0, #4D958E, #3E5663)
• Patina Cypress color palette (#F2F2EC, #C4E3DC, #5BAAB6, #227A73, #253C2F)
• Denim Loft color palette (#F2E9EF, #69ACAD, #006276, #004028, #002236)
• Tempered Olive color palette (#F2F5FF, #9691BF, #BA774B, #747E15, #3C4156)
• Softworn Archive color palette (#E7DDE4, #5D879A, #00425E, #00231C, #00081D)
• Timeworn Powder color palette (#FCF3EF, #C0E3E9, #91D2E9, #99A983, #395049)
• Airy Lantern color palette (#FCF2F8, #9AD9F0, #0085D0, #006760, #233A7B)
• Denim Coast color palette (#E4F6FF, #87B6DB, #5C81BB, #4C5C9D, #4B4F70)

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