Cypress Courtyard color palette — #FCF3EE · #CBE3D3 · #6191AE · #257062 · #593C59
A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF3EE): a clean, paper-quiet neutral.
- Celadon Mist (#CBE3D3): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#6191AE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#257062): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#593C59): A full-bodied, dusty pink — the color of neon signs at night.
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
- Cypress Studio color palette (#FBF3EF, #CCE4CD, #4A96AC, #237251, #2C5045)
- Worn Petrol Summit color palette (#FAF4EE, #C8E9EE, #AD8DA7, #397985, #654957)
- Cobalt Quarry color palette (#FFF3EA, #A2D1BD, #517BAC, #005F60, #303760)
- Hushed Cypress color palette (#ECF4F2, #C2E2F1, #5A97AD, #006C71, #083046)
- Pine Archive color palette (#F2F8E8, #66B286, #B27299, #007949, #5B334C)
- Worn Teal color palette (#FBF2F8, #D2E1FA, #82C6F1, #48AC99, #374960)
- Washed Lagoon Lantern color palette (#E8DCD7, #488D90, #004454, #002415, #000A15)
- Hushed Archive color palette (#F1FADE, #C1E6DC, #A1CFBE, #70855B, #434F3C)
Browse the whole catalog at Explore, or see today's palette.