Cypress Quarry color palette — #EFF7F9 · #D5D9E3 · #A3B6C7 · #007279 · #303D41

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D5D9E3): a clean, paper-quiet neutral.
• Ash (#A3B6C7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007279): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#303D41): quiet, heavy and certain.

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

Use it as a design system

One click turns Cypress Quarry 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

• Timeworn Denim Grove color palette (#EEF6FF, #C9D3E4, #9AA5CA, #005E9B, #233546)
• Lagoon Parlor color palette (#F2F7F2, #CEDDDD, #D4BBBF, #049394, #353D35)
• Weathered Cerulean color palette (#F1F5FB, #DAD8DF, #B8A7A9, #6783AD, #4D535B)
• Wandering Corridor color palette (#DDE6EA, #AEBBC5, #7990AC, #004D5B, #04232F)
• Hushed Chestnut color palette (#CCEBFD, #93AEC9, #686D96, #7F4632, #345036)
• Cypress Balcony color palette (#EBF9F3, #89A47B, #39714B, #005750, #123E37)
• Inked Petrol color palette (#D5E4EE, #006C91, #0F2742, #011623, #02050B)
• Garnet Meadow color palette (#DEF6E3, #0097A9, #145D9B, #7C001C, #0C3449)

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