Emerald Harbor color palette — #FDF2EF · #AEF4EE · #00CBF2 · #55A650 · #134368

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

The five colors

• Ivory (#FDF2EF): bright and airy, almost weightless.
• Sea Foam (#AEF4EE): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00CBF2): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#55A650): A luminous, balanced green — the color of fresh herbs.
• Navy (#134368): A deep, shadowed, balanced blue — the color of deep harbor water.

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

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

• Hazy Field color palette (#FEF3EB, #BFEDFF, #7EBAFF, #00A88E, #393B63)
• Timeworn Sky Chapel color palette (#F6ECE8, #A0E0E4, #00B4EA, #2B9456, #0F2D57)
• Tempered Teal color palette (#FBF3F0, #C5DFE6, #99CEF1, #72B292, #604A5D)
• Frosted Cornflower color palette (#F2E4DB, #88CBE4, #2593FC, #007F6B, #1A1647)
• Antique Forest color palette (#FDECF7, #A4DAE8, #0092AA, #00663B, #00293D)
• Faded Cobalt color palette (#F8EAE1, #6BABBE, #0079C3, #005F4A, #05002C)
• Hushed Rose Quarry color palette (#FFF2ED, #FFABA8, #28DDD3, #F3414D, #004441)
• Pale Blush color palette (#FFE3E9, #FF8AAC, #00BCEE, #5992E0, #4D1E2D)

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