Weathered Harbor color palette — #FAF5E9 · #E0E2B5 · #8AC4AE · #A19988 · #515100
A conversation between Deep Olive and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF5E9): a clean, paper-quiet neutral.
- Celadon Mist (#E0E2B5): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#8AC4AE): A luminous, dusty teal — the color of sea glass.
- Taupe (#A19988): A luminous, dusty gold — the color of old brass.
- Deep Olive (#515100): A full-bodied, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Weathered 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
- Driftwood Pier color palette (#F6F6ED, #BCE3D5, #ACB290, #908840, #494A00)
- Seafoam Lantern color palette (#E8FCE6, #65DED8, #F1AA91, #BEA07C, #394738)
- Hushed Studio color palette (#EBF9F3, #ADDCD3, #7CA78A, #69847A, #40514E)
- Chalky Seafoam color palette (#F4FAD0, #89F3D1, #66C9C3, #5798AB, #2F554B)
- Wandering Seafoam color palette (#FAF6DE, #86E6B2, #38BAB8, #828F61, #393C35)
- Hushed Lagoon Lantern color palette (#ECF4F0, #A6CDC5, #598D8F, #476A5B, #1B3732)
- Wandering Glacier color palette (#ECF9EF, #83E7F4, #F6B1BC, #59B9C5, #63443E)
- Frosted Mint Harbor color palette (#F5EBCE, #70DC74, #00AF98, #4881A8, #0E3811)
Browse the whole catalog at Explore, or see today's palette.