Muted Emerald Harbor color palette — #ECF7FF · #009FDD · #389600 · #00648C · #164700

Built around Kelly Green, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cerulean (#009FDD): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#389600): A full-bodied, vivid green — the color of a quiet forest floor.
• Peacock (#00648C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#164700): A deep, shadowed, balanced 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 Muted 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

• Olive Delta color palette (#E8F8FF, #00A7B7, #858400, #006973, #3E3D00)
• Softworn Cobalt Villa color palette (#C9E1FA, #0E83D3, #00803D, #004C7F, #003314)
• Patina Sky color palette (#E7F4FF, #38B1FC, #A66100, #006193, #321A00)
• Frosted Violet color palette (#E7DFFF, #9656FF, #008085, #6000BA, #003538)
• Turquoise Alley color palette (#F5F4FF, #C4A1CF, #22A9C9, #8B5E9A, #305263)
• Weathered Byzantium color palette (#DFECFF, #3074FF, #B900BA, #006E70, #1C314E)
• Amber Lagoon color palette (#D9FFF2, #7AC9FF, #D88400, #006FA5, #553100)
• Olive Loft color palette (#D4F9E4, #A1A25A, #776A00, #5A4700, #0C3F31)

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