Emerald Quarry color palette — #ECF8F7 · #CCE3EF · #9CCAEB · #009658 · #052B2A

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Frost (#CCE3EF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#9CCAEB): A luminous, dusty blue — the color of deep harbor water.
• Fern (#009658): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#052B2A): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Patina Jade Loft color palette (#E6FAF8, #C5DEEF, #9ECBE8, #60AC6A, #223835)
• Timeworn Lagoon Harbor color palette (#ECF7FB, #D4DCE8, #B6C5E4, #00878D, #102127)
• Weathered Bloom color palette (#EAFAF2, #CBE8B2, #C8E2E4, #858300, #0C2B1F)
• Powdered Seafoam Ridge color palette (#DCFCFF, #A3EAFF, #14F2C3, #00ACAB, #00231D)
• Tempered Summit color palette (#E8FAF7, #C0D8DC, #84ADC4, #036E19, #123A37)
• Worn Boulevard color palette (#E2FBF8, #74DD9D, #00956C, #306632, #002612)
• Softworn Forest color palette (#F0F4E4, #CCD9C2, #98B596, #006E35, #181C09)
• Aged Lagoon color palette (#C1FCF1, #009282, #003233, #261E21, #000A08)

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