Ancient Harbor color palette — #F3EFD9 · #5B8322 · #175400 · #283000 · #070600
Olive Leaf takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F3EFD9): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#5B8322): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#175400): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#283000): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#070600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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 Pier color palette (#E0E5D0, #008A5F, #005241, #2C2E00, #040700)
- Moss Grove color palette (#E6E2C8, #649422, #196401, #004427, #081300)
- Muted Quarry color palette (#D5F3F6, #00646C, #2920D0, #184A00, #000203)
- Soft Grape color palette (#E2F3DF, #007975, #5B34BD, #00413F, #07001E)
- Pine Meadow color palette (#E4E7CD, #66BA7E, #00875A, #55564F, #262C0F)
- Hushed Lagoon Boulevard color palette (#D2EEF0, #008A96, #004F54, #001D20, #000203)
- Dusty Emerald color palette (#F8F7DD, #95CC8B, #399D59, #6A6962, #274323)
- Tempered Corridor color palette (#D7EBEE, #00AFCE, #0093CD, #00524F, #001215)
Browse the whole catalog at Explore, or see today's palette.