Cypress Courtyard color palette — #FFF4DC · #CDC7AF · #9FA085 · #408080 · #375B46

Teal and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4DC): A whisper-light, dusty gold — the color of honey in a jar.
• Oat (#CDC7AF): A whisper-light, dusty green — the color of new leaves after rain.
• Taupe (#9FA085): A luminous, dusty green — the color of new leaves after rain.
• Teal (#408080): A full-bodied, dusty teal — the color of glacier melt.
• Pine (#375B46): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Olive Terrace color palette (#FFF3E8, #D0C1AF, #B1A388, #74833F, #435335)
• Aged Stone color palette (#FFF0F8, #E8E1C2, #A3C5A9, #6B8884, #244E50)
• Ancient Delta color palette (#F4F7E8, #BFCAA5, #639E84, #8E6943, #3B4900)
• Weathered Lagoon Market color palette (#DFE1CB, #9DA784, #4A9683, #2D6383, #213C60)
• Softworn Hollow color palette (#D7F5CE, #BAC4A1, #6DA898, #1C75A8, #304766)
• Pale Navy Alley color palette (#E3ECDF, #7F9E7F, #00778A, #3F4191, #2C194F)
• Softworn Archive color palette (#FFF2EF, #CAA992, #997F38, #70586D, #584756)
• Pewter Field color palette (#EDF0D6, #6A7E52, #3B6243, #003B45, #00101A)

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