Emerald Quarry color palette — #FDEFD0 · #A7B677 · #60903A · #346D4C · #44523A

Olive Leaf and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FDEFD0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A7B677): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#60903A): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#346D4C): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#44523A): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Dusty Celadon color palette (#FDF7CF, #B8DC8C, #83AE6B, #5B7C57, #4B4D45)
• Hushed Lagoon color palette (#F1FADD, #A0D0AF, #499568, #1C5A34, #353730)
• Muted Lilac color palette (#F3F7E8, #85C093, #A686D6, #498157, #5F444F)
• Bronze Basin color palette (#FFF2E9, #D6A871, #A48002, #69672C, #48563F)
• Clover Basin color palette (#D3E8A6, #5EBB42, #008A4E, #00594A, #073D4F)
• Lilac Field color palette (#F4F7E6, #72A774, #A475B1, #9A608A, #42433C)
• Muted Teal color palette (#E4F5CB, #4EBFB1, #00878C, #00687B, #245649)
• Weathered Fern color palette (#F5F7E6, #C8EADA, #B3D7FF, #988A64, #465409)

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