Emerald Quarry color palette — #FAF2FA · #B8E9F9 · #75BDDC · #539F6A · #233B5C

Fern takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Powder Blue (#B8E9F9): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#75BDDC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#539F6A): A luminous, balanced teal — the color of sea glass.
• Navy (#233B5C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Lagoon Grove color palette (#FFF1F6, #C8E4FC, #94AFF5, #18A09B, #3E325C)
• Hushed Grove color palette (#D5E6FF, #81ADFF, #BCA51B, #739A45, #1B2C43)
• Washed Cypress Veranda color palette (#F1F7F2, #D5D6E6, #55B5CA, #00816A, #003346)
• Softworn Market color palette (#F9F3F9, #D3D6E9, #AFC0E3, #86AE8A, #435467)
• Misty Harbor color palette (#F7EAF4, #7CCFDD, #2E9CD9, #008159, #0D1A49)
• Powdered Cobalt color palette (#F0E3EE, #61AEB7, #007EAD, #006139, #000526)
• Sunlit Periwinkle Garden color palette (#D7F5FC, #64C9FD, #4A9CEF, #6A75C2, #462F58)
• Tempered Cerulean color palette (#F7F0ED, #B4D0B4, #0089AD, #1D5E2E, #2E1530)

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