Emerald Harbor color palette — #E6F9FF · #D8DBE7 · #D8C1FF · #4A9C60 · #072F40
A conversation between Fern and Lavender, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
- Silver (#D8DBE7): a clean, paper-quiet neutral.
- Lavender (#D8C1FF): A whisper-light, balanced violet — the color of wild irises.
- Fern (#4A9C60): A luminous, balanced teal — the color of sea glass.
- Midnight (#072F40): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged pastel, light, muted.
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
- Softworn Bronze Courtyard color palette (#DBFEF9, #BEE3F3, #C1C0F5, #877A2C, #043134)
- Timeworn Lagoon Meadow color palette (#EEF6FF, #E2D9E3, #FFBBDA, #009498, #1A2640)
- Teal Meadow color palette (#DEFBE5, #C5E9FF, #B4CEFF, #40B3AB, #1D3C2D)
- Softworn Teal Loft color palette (#EBF7FF, #DBDAE4, #BEB0A4, #6CB0A5, #364254)
- Aged Courtyard color palette (#E8F8FF, #D0E1FF, #DF9AFF, #00735A, #001629)
- Wandering Periwinkle Coast color palette (#D3F0FF, #83D1F8, #68A8E2, #007178, #00222C)
- Cocoa Hollow color palette (#EBF7FF, #0088AD, #883C00, #003B39, #000205)
- Timeworn Bronze color palette (#E4FAFF, #009E98, #A86300, #005A56, #00090D)
Browse the whole catalog at Explore, or see today's palette.