Emerald Harbor color palette — #F9E8F3 · #FF8CA2 · #00A950 · #003716 · #001F09
Kelly Green and Ballet Pink set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F9E8F3): A whisper-light, dusty pink — the color of neon signs at night.
- Ballet Pink (#FF8CA2): A luminous, balanced red — the color of a theater curtain.
- Kelly Green (#00A950): A luminous, vivid teal — the color of sea glass.
- Deep Forest (#003716): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001F09): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant.
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
- Faded Clover color palette (#FFEDD3, #FF8B7E, #00C560, #003816, #001918)
- Moss Hollow color palette (#F1E8F7, #EE8CC9, #8E9500, #313400, #001C12)
- Ancient Veranda color palette (#FFE5F2, #FFBBA7, #00BD7C, #004128, #112929)
- Chalky Coral color palette (#FEE5D7, #FF7D7C, #00B5B4, #002F2F, #001419)
- Jade Market color palette (#FADDE2, #6EADFF, #00B665, #002A26, #111504)
- Wandering Coral color palette (#C5EDF3, #FC826C, #006A59, #00372D, #00140F)
- Powdered Clover color palette (#FDD6D6, #93B4FF, #00CF73, #1E5132, #001918)
- Dusty Amber color palette (#F0EBD5, #DF7B00, #00A0A3, #001F20, #000507)
Browse the whole catalog at Explore, or see today's palette.