Ancient Harbor color palette — #E0F0E5 · #00BA64 · #008E51 · #005723 · #000300

Built around Clover, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Honeydew (#E0F0E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#00BA64): A luminous, vivid teal — the color of sea glass.
• Fern (#008E51): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#005723): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged monochrome.

Use it as a design system

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

• Muted Emerald Meadow color palette (#DAE9DE, #009F52, #006B38, #002C14, #000301)
• Feathered Moss Pier color palette (#DFE6CB, #84AF00, #5E8000, #444D00, #010300)
• Hushed Teal color palette (#D0F1EA, #00B8A8, #008A87, #00554A, #000202)
• Moonless Pine Pier color palette (#DBF5E1, #008949, #004828, #001505, #000200)
• Pale Sapphire Courtyard color palette (#D7E4D3, #00B1A5, #3F5AFF, #00776F, #050004)
• Linen Mint Cabin color palette (#B6FFDE, #00EBA3, #00BB81, #007D55, #002318)
• Worn Loft color palette (#EFE5FF, #C68700, #428400, #1C3110, #020200)
• Scarlet Boulevard color palette (#C7F2E6, #009078, #CD2200, #912F05, #000604)

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