Weathered Harbor color palette — #F7D7E1 · #A48D00 · #425600 · #1C2557 · #020100
Moss and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Shell Pink (#F7D7E1): A whisper-light, dusty rose — the color of pressed rose petals.
- Moss (#A48D00): A luminous, balanced green — the color of fresh herbs.
- Deep Olive (#425600): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#1C2557): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Misty Moss Summit color palette (#CAEBD1, #8A9800, #115E0A, #2C2153, #000201)
- Sunlit Mustard Study color palette (#E8FCE6, #B5A41C, #4B6C00, #363565, #090800)
- Dusty Emerald color palette (#CBE9DF, #33A75D, #005B4D, #00303F, #000200)
- Weathered Onyx Boulevard color palette (#FFE8D9, #816225, #353A00, #2F0047, #050200)
- Wandering Olive Villa color palette (#FBECD3, #746E1F, #303E00, #002733, #121000)
- Chalky Loft color palette (#E9E0F5, #AD55FF, #467000, #490079, #010200)
- Antique Lantern color palette (#EDD8E3, #B69237, #647B00, #61497C, #160E00)
- Washed Byzantium color palette (#ECDCF7, #9600CE, #486300, #1E5000, #030005)
Browse the whole catalog at Explore, or see today's palette.