Emerald Harbor color palette — #EFF6FF · #7A96D1 · #539150 · #00675E · #132D3E

Fern and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Blue Fog (#7A96D1): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#539150): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#00675E): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#132D3E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Calm, Sophistication. Tagged jewel, vibrant, muted, 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

• Lagoon Balcony color palette (#F3F4FF, #A38FD1, #008C7D, #006E87, #192840)
• Olive Garden color palette (#EBF7FF, #3AA5CE, #817B00, #316F2E, #083139)
• Timeworn Indigo Ridge color palette (#F0F4FF, #7660EF, #00754B, #00555A, #001930)
• Patina Magenta Archive color palette (#F6F3FF, #BC5BBE, #008390, #005D95, #221A3D)
• Dusty Cabin color palette (#FFF1F1, #ED90D1, #74AE6E, #5E865A, #362736)
• Quiet Summit color palette (#FFF0F7, #D89263, #8B8323, #00703E, #004046)
• Linen Raspberry color palette (#EEE7FB, #AD599F, #006E7F, #003E75, #10102D)
• Raspberry Station color palette (#F7F3FF, #AE5799, #655400, #004E57, #292537)

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