Weathered Harbor color palette — #FFF0E5 · #FFCCDB · #74F1AA · #5E6F2C · #2E3128
A conversation between Lagoon and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF0E5): A whisper-light, dusty gold — the color of honey in a jar.
- Shell Pink (#FFCCDB): A whisper-light, dusty rose — the color of pressed rose petals.
- Lagoon (#74F1AA): A whisper-light, balanced teal — the color of glacier melt.
- Olive (#5E6F2C): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#2E3128): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, 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
- Washed Chartreuse Pier color palette (#FFF1F6, #F7CBFF, #BDE478, #6C6B63, #36362E)
- Antique Glacier Lantern color palette (#F8F2C4, #FFCFCA, #66E9FF, #587160, #2E3931)
- Antique Seafoam color palette (#FFDAD9, #D4D2FF, #00EAD0, #35565B, #28383B)
- Mint Dune color palette (#E9DDC2, #FFACAB, #00DCB6, #0A5E4D, #1D2913)
- Patina Atelier color palette (#F0F7F1, #FCD3CA, #6FAAB0, #3F777D, #222F25)
- Mallow Loft color palette (#F0F8EC, #8CD3C0, #D8A2CE, #B3955D, #374131)
- Hushed Aqua color palette (#F1F7F3, #DED4D3, #73C3D8, #A8AA9E, #4B554F)
- Amber Atelier color palette (#F4D4DE, #C86900, #00773A, #001807, #010200)
Browse the whole catalog at Explore, or see today's palette.