Emerald Quarry color palette — #F3F7ED · #A2D1B5 · #E499A5 · #3BA270 · #6A4138

Fern and Ballet Pink set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Pistachio (#A2D1B5): A luminous, dusty teal — the color of shallow lagoons.
• Ballet Pink (#E499A5): A luminous, balanced red — the color of late-summer berries.
• Fern (#3BA270): A luminous, balanced teal — the color of sea glass.
• Cocoa (#6A4138): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Emerald 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 Thicket color palette (#EDF9F1, #8CD1E2, #E09F8B, #149CB6, #6A4134)
• Dusty Balcony color palette (#F8F5E8, #CEC599, #C2A2DC, #89943D, #673F4D)
• Washed Seafoam Ridge color palette (#E9F9FA, #99FDD7, #FCB2D6, #65AA90, #4D4057)
• Ancient Amber color palette (#E7FAFA, #7CC1A3, #C58B4B, #328365, #63424E)
• Weathered Orchard color palette (#ECFAE9, #71C2B8, #C392BA, #C97682, #394734)
• Dusty Taupe color palette (#F1F8ED, #C9E6E0, #A7D0D6, #94AC80, #445042)
• Antique Seafoam color palette (#F1F8EC, #8BEAD1, #B2C4FF, #6DB9A6, #5E4358)
• Timeworn Orchard color palette (#F0F7F3, #F0C7AF, #608872, #345644, #222F28)

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