Emerald Harbor color palette — #F0E2FA · #FF7CBB · #01AD39 · #9E2567 · #002205
A conversation between Kelly Green and Bubblegum, giving this palette its sense of nature and growth.
The five colors
- Blush (#F0E2FA): A whisper-light, dusty violet — the color of a velvet chair.
- Bubblegum (#FF7CBB): A luminous, vivid rose — the color of a warm blush.
- Kelly Green (#01AD39): A luminous, vivid green — the color of new leaves after rain.
- Raspberry (#9E2567): A full-bodied, vivid rose — the color of strawberry cream.
- Ink (#002205): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Energy, Balance. Tagged warm.
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
- Fuchsia Loft color palette (#EFECFF, #E67EFF, #04AA71, #863299, #002113)
- Dusty Peony color palette (#F3E7F8, #FF5291, #00A593, #C81A66, #00201C)
- Linen Magenta color palette (#FFE7EA, #D15CC9, #008E7C, #80097B, #000A08)
- Grape Basin color palette (#F1EBFF, #BD99FF, #979503, #7036B9, #1D1C00)
- Timeworn Coral color palette (#F7DDF0, #FF6142, #00A0B3, #C03C23, #001F24)
- Soft Rose Veranda color palette (#FFDADC, #FF8E9B, #00BDCB, #EF305F, #00353A)
- Quiet Pier color palette (#FFEBE0, #CB9245, #C05C0E, #8C3E3B, #1C1500)
- Misty Peony color palette (#FFDFEE, #FF55BD, #058C9F, #008457, #240317)
Browse the whole catalog at Explore, or see today's palette.