Cypress Courtyard color palette — #F4F6EE · #CAE0D8 · #A3BAAE · #42704B · #3A3C33

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

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Silver (#CAE0D8): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#A3BAAE): A luminous, dusty teal — the color of sea glass.
• Pine (#42704B): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#3A3C33): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Cypress Bloom color palette (#E9F4F5, #CCD8DF, #A2BDC2, #317357, #162323)
• Tempered Garden color palette (#F0F7F1, #D1DEDF, #BCB2A6, #6D8A73, #4E554F)
• Antique Petrol color palette (#EDF8F2, #F0D9DE, #D4B1BE, #197593, #34443C)
• Teal Drift color palette (#F9F6E1, #64AD88, #007171, #4C4B44, #343630)
• Wandering Abyss Delta color palette (#E5EBDD, #ADBEAF, #7A958B, #005236, #1C2213)
• Wandering Denim color palette (#E8F1ED, #DBC4D4, #B5979F, #1E5B7C, #21322C)
• Worn Jade color palette (#EEF7F7, #D3DAE0, #B8C1D0, #46B87B, #2E3E3E)
• Washed Cocoa Quarry color palette (#E0E5BC, #6BBBBA, #876D87, #7F4222, #543800)

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