Emerald Quarry color palette — #F6ECE8 · #98E2E8 · #36B2E5 · #0C9656 · #162D52

Kelly Green and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6ECE8): bright and airy, almost weightless.
• Ice Blue (#98E2E8): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#36B2E5): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#0C9656): A full-bodied, balanced teal — the color of sea glass.
• Navy (#162D52): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Chalky Station color palette (#F8ECE2, #A1DCFB, #72A4F6, #009285, #2D2358)
• Softworn Cerulean Parlor color palette (#FCF4E7, #BFE9E0, #00A3C0, #006C5B, #002231)
• Linen Teal color palette (#CEEBD3, #00C7A7, #009DA5, #007993, #002C55)
• Coral Studio color palette (#C5EAF2, #00B2CC, #DE715A, #B16800, #00242B)
• Ancient Teal Orchard color palette (#FCF3EC, #BFEDEF, #A3BEEE, #5CA89F, #5C3D4D)
• Worn Jade color palette (#DEFDDD, #C5E4FF, #D2BDF7, #6AAC80, #0F4031)
• Pale Villa color palette (#B0EDFF, #2CD2FE, #00A1C5, #006D82, #001A22)
• Washed Boulevard color palette (#EFE0D1, #80B6E4, #6577E3, #006C6F, #1D0038)

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