Cypress Courtyard color palette — #F9F3F7 · #D5E0F2 · #6CA0C0 · #357D6F · #475464

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D5E0F2): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#6CA0C0): A luminous, dusty blue — the color of deep harbor water.
• Teal (#357D6F): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#475464): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: 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 Sky Delta color palette (#EDF8F6, #D3DDED, #7CBCD3, #559296, #3E5666)
• Dusty Ash color palette (#F1F3EB, #BCEBE5, #6FA5B9, #56745A, #263B33)
• Tempered Denim color palette (#EEE0EA, #69ABB4, #00607F, #003F31, #00203F)
• Antique Ash Coast color palette (#EBF8F8, #8ABE9E, #C180AB, #42825E, #524761)
• Muted Navy Quarry color palette (#F3E8EE, #50899F, #003F69, #002220, #02012C)
• Frosted Cornflower Meadow color palette (#FFF1F7, #99D7FC, #397EDB, #006669, #36396E)
• Muted Lantern color palette (#FCF2F9, #A3CDDA, #0086A2, #006341, #183E58)
• Powdered Sapphire Canyon color palette (#F6EBEE, #94B5D5, #3F5EC5, #004E58, #2D2650)

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