Ancient Harbor color palette — #FCDBD1 · #007746 · #00435E · #42000D · #000504
A conversation between Pine and Espresso, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#FCDBD1): A whisper-light, dusty orange — the color of sun-warmed clay.
- Pine (#007746): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00435E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Espresso (#42000D): A deep, shadowed, balanced red — the color of late-summer berries.
- Ink (#000504): quiet, heavy and certain.
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
- Pine Cabin color palette (#FBE7E6, #00773D, #00374A, #210002, #000201)
- Navy Pier color palette (#FFEBDB, #007369, #003688, #341600, #000406)
- Weathered Onyx Corridor color palette (#EFDDD6, #6B6600, #004840, #390035, #010500)
- Velvet Abyss Garden color palette (#D5E7D8, #005748, #002932, #200013, #000404)
- Hushed Cypress Archive color palette (#E7E8D1, #538161, #22576F, #453000, #1C1600)
- Inked Cabin color palette (#E7E8CB, #3B6E0E, #3B007F, #2D1300, #040100)
- Gentle Garnet color palette (#F8E4C4, #008E77, #006577, #6A004A, #000404)
- Nightshade Harbor color palette (#F5EFD1, #008090, #48319F, #342B00, #000D18)
Browse the whole catalog at Explore, or see today's palette.