Emerald Harbor color palette — #F9E9F5 · #738CD4 · #35955F · #00706A · #371B32

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

The five colors

• Blush (#F9E9F5): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender Blue (#738CD4): A luminous, balanced violet — the color of wild irises.
• Fern (#35955F): A full-bodied, balanced teal — the color of sea glass.
• Teal (#00706A): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#371B32): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, 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

• Wandering Harbor color palette (#FFF0FB, #7186D6, #008440, #005D5A, #03271D)
• Ancient Lilac Study color palette (#FFE7ED, #AA78C2, #009299, #006A8C, #3A1B25)
• Hushed Basin color palette (#F0EBFF, #FB94FD, #00A482, #008890, #282337)
• Weathered Orchid Courtyard color palette (#E9DEFF, #9E5BF3, #008A7F, #006376, #271141)
• Chalky Violet Delta color palette (#FDE8EF, #8856B0, #576A00, #004E5B, #391C27)
• Softworn Cerulean Station color palette (#FAF5E7, #B2AE78, #66AAA0, #34869C, #3F3D36)
• Hazy Ultramarine Pier color palette (#F4D6D4, #C64D8F, #007BAB, #133FC3, #310D0E)
• Amber Orchard color palette (#FFF2EA, #D98761, #7E9B4D, #20825A, #38312D)

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