Faded Emerald Harbor color palette — #E8F9F9 · #3C9E6A · #007178 · #1C4B73 · #433700

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

The five colors

• Ivory (#E8F9F9): bright and airy, almost weightless.
• Fern (#3C9E6A): A luminous, balanced teal — the color of sea glass.
• Teal (#007178): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1C4B73): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#433700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Faded 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

• Faded Thicket color palette (#E8FAF8, #509C5E, #007177, #6E3700, #3B3B03)
• Quiet Lagoon Workshop color palette (#E5FAFF, #009D9A, #266898, #4C3C74, #1C4123)
• Softworn Nightshade Study color palette (#CCF0F4, #00816D, #00546B, #1E0D92, #1F2800)
• Linen Moss Courtyard color palette (#EAF9F5, #6D9748, #007463, #005065, #273560)
• Ancient Grove color palette (#E8FAF2, #8EBAAC, #647C4E, #3B6353, #2A4A40)
• Antique Lagoon color palette (#B3EDED, #59BA97, #009378, #00675A, #004A5A)
• Mint Chapel color palette (#E6FAF7, #CFE791, #82C476, #4A9C76, #16413E)
• Tempered Cerulean color palette (#CFF8F7, #92BBC0, #5D8B99, #546275, #4D4463)

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