Emerald Harbor color palette — #F4F6EF · #A3D1B3 · #7D8ACE · #01995A · #2F1D2A

Built around Kelly Green, softened by Lavender Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Pistachio (#A3D1B3): A luminous, dusty teal — the color of shallow lagoons.
• Lavender Blue (#7D8ACE): A luminous, balanced violet — the color of a velvet chair.
• Kelly Green (#01995A): A luminous, balanced teal — the color of glacier melt.
• Onyx (#2F1D2A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Emerald Harbor 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

• Wandering Delta color palette (#F1F7F0, #8AD4CE, #AB7AB6, #00948E, #311E22)
• Chalky Moss Orchard color palette (#F7F5ED, #BDCC9B, #3F96D7, #738D00, #0B2A23)
• Powdered Celadon Quarry color palette (#ECF8F8, #96FFC8, #7E9CE2, #4C9D74, #0A121F)
• Seafoam Corridor color palette (#F2F7EE, #81ECD4, #6FB6EB, #57B5A0, #122923)
• Cobalt Workshop color palette (#EDF7F9, #68C2AD, #0072C0, #00705E, #1A2530)
• Sunlit Magenta color palette (#EAFAEE, #12D1EC, #C842CB, #008699, #330F17)
• Powdered Cobalt Pier color palette (#F5F7EA, #81B47B, #6F7AC0, #7C5500, #1F411C)
• Worn Lagoon color palette (#F2F7F1, #D3DCDC, #D2C0C4, #2FA29F, #434A42)

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