Washed Quarry color palette — #ECF9F0 · #9DC2B1 · #638B72 · #4D654E · #344E47

Built around Fern, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Ash (#9DC2B1): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#638B72): A full-bodied, dusty teal — the color of sea glass.
• Pine (#4D654E): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#344E47): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Washed 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

• Weathered Meadow color palette (#EEF7F6, #A7CBAE, #4A6741, #14413B, #18282C)
• Wandering Driftwood Pier color palette (#FFF1F7, #A6C0A4, #987484, #6E5565, #3E4C41)
• Hushed Courtyard color palette (#EAFAEE, #ACAA7D, #7F7149, #684C25, #29433B)
• Denim Pier color palette (#D9FDFF, #8CCBC3, #389299, #126881, #00507E)
• Pine Cabin color palette (#EEF7F7, #9DCEAA, #3A87A9, #3B7D51, #21303A)
• Hushed Fern Parlor color palette (#FBF4E6, #E3D9B6, #C3B683, #A78D6B, #504900)
• Hushed Lagoon Orchard color palette (#E9F9F7, #6E9E71, #8377A0, #7B5062, #2E423F)
• Ancient Chestnut color palette (#FFDEE8, #AB9365, #85591F, #683411, #173827)

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