Ancient Harbor color palette — #F6F7E6 · #87A177 · #698CB7 · #A95C64 · #474500

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

The five colors

• Ivory (#F6F7E6): A whisper-light, dusty green — the color of fresh herbs.
• Moss (#87A177): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#698CB7): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#A95C64): A full-bodied, balanced red — the color of embers at dusk.
• Deep Olive (#474500): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Timeworn Bronze Field color palette (#F0F9E6, #61A98C, #8582BD, #A36446, #40443D)
• Weathered Study color palette (#FDF5DF, #A09A67, #3597B4, #A05C88, #45423B)
• Driftwood Corridor color palette (#F6F3DD, #92A662, #AC78AB, #916890, #2A2818)
• Violet Drift color palette (#E9FBEA, #189BA1, #9C5FAA, #896000, #243F28)
• Tempered Stone color palette (#E5FBF3, #ACBA6A, #CA8DC0, #B27A88, #344740)
• Patina Dune color palette (#FEF3EA, #C7B5A1, #9D775D, #804F41, #5F4100)
• Ancient Fern Dune color palette (#F6F6EA, #BCE2DC, #91C3C8, #949564, #495000)
• Ancient Chapel color palette (#F5F8DB, #CCD0A6, #678D5C, #2E591A, #243E1F)

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