Emerald Harbor color palette — #F8D1E8 · #DE9C00 · #1AAB64 · #7A4099 · #002C1D

Kelly Green takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#F8D1E8): A whisper-light, dusty pink — the color of neon signs at night.
• Gold (#DE9C00): A luminous, balanced gold — the color of old brass.
• Kelly Green (#1AAB64): A luminous, balanced teal — the color of glacier melt.
• Plum (#7A4099): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#002C1D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Jade Dune color palette (#FFE6F8, #D9B652, #00B283, #935D9A, #07392D)
• Quiet Lime Corridor color palette (#ECD5ED, #ACB40C, #009D95, #934679, #0E2C0A)
• Muted Mulberry Boulevard color palette (#F8E4F7, #AE9800, #008A72, #8B1E78, #0F1A00)
• Tangerine Corridor color palette (#F9D2DF, #FF814E, #899B16, #5A4BB1, #351E00)
• Gentle Pine color palette (#ECDCC3, #A19500, #0B7F1C, #343D8C, #212800)
• Softworn Grove color palette (#F9E9F3, #BEBD86, #50A787, #9F5A6B, #47324D)
• Frosted Study color palette (#F0E6F2, #759700, #00777C, #83004D, #001004)
• Quiet Tangerine color palette (#F1DAE6, #FE7320, #0095A7, #A92557, #40001A)

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