Cypress Courtyard color palette — #FDF1F7 · #BE8B6D · #337F70 · #5C4A71 · #4A3451

Teal takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Caramel (#BE8B6D): A luminous, dusty gold — the color of old brass.
• Teal (#337F70): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#5C4A71): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#4A3451): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged 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

• Washed Taupe Orchard color palette (#EEF8F3, #A09B54, #3F7892, #71425A, #592F30)
• Ancient Denim Delta color palette (#F2F3EA, #87A681, #14827E, #00517C, #3C1A2D)
• Hushed Canyon color palette (#FBF2F5, #DADEEF, #8499C1, #3E797F, #4A526A)
• Muted Petrol color palette (#ECF8F7, #8EBF99, #53999E, #326CA5, #483A61)
• Driftwood Quarry color palette (#DFFFE3, #C6BC84, #829255, #4D6F43, #305756)
• Weathered Lagoon color palette (#EFF8F3, #A3CAC3, #558C8E, #6F6072, #3C524F)
• Airy Aubergine Loft color palette (#E5FCEB, #987A00, #00637E, #4B2187, #530053)
• Soft Garnet color palette (#E2F9E9, #8C7509, #005D73, #631746, #4B0E08)

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