Ancient Harbor color palette — #F7F6EA · #D3D9B8 · #80BB9F · #85986A · #414700

A conversation between Deep Olive and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Celadon Mist (#D3D9B8): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#80BB9F): A luminous, dusty teal — the color of glacier melt.
• Moss (#85986A): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#414700): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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 Jade Market color palette (#FAF5E3, #BBDAA1, #67BB78, #2C9C8C, #2D4216)
• Bronze Pier color palette (#F8F5EB, #C2C8A8, #519F91, #857026, #414700)
• Pale Loft color palette (#E0E2C9, #5BAB7D, #00836D, #306414, #001408)
• Teal Courtyard color palette (#F9F4ED, #C3E9E0, #7FCAE0, #0AB098, #295142)
• Teal Boulevard color palette (#EBF9F2, #B8E6F3, #46B39E, #5C7F6E, #213F3B)
• Worn Hollow color palette (#EDE6D5, #829058, #2F740A, #005541, #050700)
• Weathered Lagoon color palette (#E3F7F1, #99BF9B, #408468, #3B5D54, #0D2D2B)
• Pine Boulevard color palette (#E9EED9, #61DAB1, #00AEA2, #3C8F4D, #003728)

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