Ancient Harbor color palette — #D8E9E4 · #7C9A49 · #00606D · #394F00 · #000304

Moss and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8E9E4): bright and airy, almost weightless.
• Moss (#7C9A49): A luminous, balanced green — the color of fresh herbs.
• Peacock (#00606D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#394F00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000304): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

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

• Emerald Chapel color palette (#E1EFED, #34A14D, #005C52, #00501A, #001014)
• Antique Amber Workshop color palette (#DFE7DF, #B18444, #006260, #613E00, #000304)
• Muted Dune color palette (#D6E9E8, #4AA26D, #184DAF, #00552E, #00010D)
• Ancient Fern color palette (#E7F6F2, #89AC73, #006D99, #346300, #000710)
• Weathered Pine Ridge color palette (#DCEEEB, #3F8C48, #004870, #004310, #000103)
• Dusty Grape Corridor color palette (#D7F4F7, #00AD92, #6500E2, #005A4A, #040015)
• Worn Corridor color palette (#FFE3F8, #448B49, #00575D, #59000D, #00130B)
• Wandering Forest Corridor color palette (#E3EBEA, #BDCFD3, #91A8B2, #006734, #001B1A)

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