Cypress Courtyard color palette — #F3F6F1 · #CFDDD8 · #A9B8AB · #007466 · #363D33

Built around Teal, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#F3F6F1): a clean, paper-quiet neutral.
• Silver (#CFDDD8): bright and airy, almost weightless.
• Ash (#A9B8AB): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007466): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#363D33): a grounded near-black with real depth.

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

• Ancient Lagoon color palette (#F5F6EF, #D3DCD3, #B0B79F, #467213, #3F3D00)
• Muted Denim Grove color palette (#EAFAF1, #C3D8D0, #87ABCC, #00647F, #133C2A)
• Dusty Lagoon Garden color palette (#EFF7F8, #D2DAE4, #B5BFD9, #10967A, #2E3E3F)
• Cerulean Drift color palette (#F0F7F4, #D3DBDC, #BBADA3, #4E8AAB, #495651)
• Dusty Abyss color palette (#E4F1E8, #9CAEA5, #5C8A7A, #003F4A, #001A0B)
• Wandering Basalt Study color palette (#C1EAD5, #7FB0A2, #667DA6, #68446A, #5D3B3B)
• Misty Study color palette (#E8FBEB, #74E0D1, #00B0BA, #008BB0, #003A42)
• Dusty Sapphire color palette (#FAF2FA, #E4D5D8, #D0B1C5, #1266CD, #4A394A)

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