Emerald Harbor color palette — #FFF0FC · #7EA2FF · #1AAD65 · #00786C · #0B173F
Kelly Green and Cornflower set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Cornflower (#7EA2FF): A luminous, balanced violet — the color of a velvet chair.
- Kelly Green (#1AAD65): A luminous, balanced teal — the color of sea glass.
- Teal (#00786C): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#0B173F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Calm, 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
- Moss Boulevard color palette (#E0FDF4, #41AEFF, #71A402, #007A58, #001D33)
- Wisteria Market color palette (#FFF1F6, #BB89FC, #00A89E, #00728F, #221135)
- Quiet Iris color palette (#FFF0F9, #9090FF, #008559, #00575A, #001122)
- Misty Moss color palette (#FFF1F4, #F3A6FF, #78A300, #009AA9, #3A203E)
- Feathered Corridor color palette (#FCF5E1, #BFB560, #2EB4A9, #008096, #2E2305)
- Feathered Summit color palette (#FFF1F3, #D74ADF, #008E9F, #005A8A, #1B001D)
- Worn Basin color palette (#FFF2F0, #EBB0C3, #86B4DB, #767CB6, #432A27)
- Dusty Amethyst Drift color palette (#FFE6F2, #7753DA, #00705D, #004048, #010008)
Browse the whole catalog at Explore, or see today's palette.