Ancient Harbor color palette — #F7F5EC · #DFDFCC · #848B58 · #534600 · #1E1B10

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

The five colors

• Ivory (#F7F5EC): a clean, paper-quiet neutral.
• Bone (#DFDFCC): A whisper-light, dusty green — the color of fresh herbs.
• Moss (#848B58): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#534600): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#1E1B10): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Patina Lagoon color palette (#EEF9ED, #EDDFBD, #388480, #2C3E2A, #081207)
• Weathered Bronze Study color palette (#F8F6E9, #FAD7B2, #A69F7A, #7B6D22, #2E2C1F)
• Ancient Fern Station color palette (#EAF5F0, #DFB7C4, #5F6732, #2F3507, #0A1712)
• Turquoise Quarry color palette (#F7F5ED, #F3FDBC, #51C2C5, #98A05E, #182118)
• Muted Thicket color palette (#FBF5E2, #CBC871, #C89DCD, #957598, #34322B)
• Softworn Loft color palette (#F5F8DF, #FFCF95, #2C7F1C, #0E3906, #080800)
• Inked Bronze Boulevard color palette (#E9E8D0, #A56D00, #132000, #080C06, #010100)
• Amber Hollow color palette (#E2F5D8, #E98500, #00473C, #1D292E, #000A07)

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