Cypress Courtyard color palette — #EFF8F3 · #CEE0E2 · #ADC6CB · #557E6D · #424A46

Fern and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF8F3): a clean, paper-quiet neutral.
• Silver (#CEE0E2): a clean, paper-quiet neutral.
• Stone (#ADC6CB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#557E6D): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#424A46): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Antique Atelier color palette (#FCF2F6, #CBDBDC, #B0C1BD, #8E6777, #4F4448)
• Washed Pewter Dune color palette (#ECF4F0, #CFD9DA, #ACC0C7, #7B783E, #262E2A)
• Softworn Dune color palette (#E3ECEF, #A4BEC9, #7B929F, #004F51, #102228)
• Aged Stone Coast color palette (#D6FFF8, #90C4A3, #618D92, #526676, #494962)
• Timeworn Cocoa Orchard color palette (#F7F5EE, #D7DDD4, #B9C3B9, #95925D, #584500)
• Tempered Atelier color palette (#D4E4DE, #98AFA9, #5E8983, #313D00, #071813)
• Stone Delta color palette (#E8FAEF, #B4B476, #6F7943, #436250, #2F493D)
• Tempered Fern Hollow color palette (#EAF9F5, #B2DDD7, #89B296, #3C6800, #173A33)

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