Emerald Harbor color palette — #FFF2EF · #F89CAB · #529E50 · #4D5690 · #22274C

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#F89CAB): A luminous, balanced red — the color of late-summer berries.
• Kelly Green (#529E50): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#4D5690): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#22274C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Ancient Villa color palette (#FFF1F2, #E99DDA, #938E14, #006292, #102C49)
• Frosted Lagoon Workshop color palette (#FFF2EA, #F7A477, #10A17F, #5E4E95, #421B35)
• Apricot Summit color palette (#FFF0F7, #FEA66B, #AEA157, #5D8A5E, #53273B)
• Hazy Driftwood Meadow color palette (#F5EEFF, #B8739F, #49713C, #353B70, #151744)
• Tempered Amber Studio color palette (#FFF0FA, #C36E57, #4D6F2B, #005069, #4C2750)
• Timeworn Stone Basin color palette (#FFF2EE, #EADBBB, #C4B58D, #90748C, #5B4251)
• Chalky Aubergine color palette (#FFF2EB, #FC5F2C, #007D69, #3E03A9, #17003A)
• Bronze Field color palette (#FBF1DF, #967600, #005766, #450035, #060000)

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