Ancient Harbor color palette — #F7F6E5 · #83CCD1 · #878FBD · #5A7A39 · #344E43

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

The five colors

• Cream (#F7F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Aqua (#83CCD1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#878FBD): A luminous, dusty violet — the color of a velvet chair.
• Olive (#5A7A39): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#344E43): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Wandering Cypress color palette (#F2F8E6, #98C4E2, #A385B3, #447C5D, #553F52)
• Patina Bronze color palette (#FEF3E9, #92CDB5, #6498C2, #92632F, #3A4E3B)
• Hushed Olive color palette (#EDF9F0, #72BFCF, #BB786A, #537438, #364926)
• Hushed Olive Lagoon color palette (#EBFAE8, #BDDDD2, #BD9AA6, #728948, #415611)
• Cobalt Alley color palette (#ECF9EF, #88ABD4, #796BAC, #794E25, #3E4859)
• Aged Parlor color palette (#FFF4E2, #AFD4FF, #B0A4E0, #A78465, #534150)
• Violet Chapel color palette (#E7F4DA, #5FA8E6, #9B5AA5, #006451, #272D50)
• Tempered Lagoon color palette (#F9F4EF, #CDE6E9, #C8A4BE, #3E9698, #684855)

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