Weathered Harbor color palette — #FFF1F1 · #D29DBC · #84A65A · #9E5783 · #4E4E46
Moss and Magenta Rose set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Mauve (#D29DBC): A luminous, dusty pink — the color of neon signs at night.
- Moss (#84A65A): A luminous, balanced green — the color of new leaves after rain.
- Magenta Rose (#9E5783): A full-bodied, balanced pink — the color of neon signs at night.
- Charcoal Brown (#4E4E46): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Plum Boulevard color palette (#FFF1F0, #D99BB3, #38ADA1, #A45477, #41533C)
- Antique Bloom color palette (#FFF1F7, #B3A5E1, #71A971, #7766A6, #4D4E47)
- Weathered Mallow Field color palette (#F3EFFF, #D49ED3, #79AA82, #8A618A, #0D3836)
- Mallow Lagoon color palette (#FFF1F3, #E6AEE5, #93BF8E, #A77BA6, #4D4E46)
- Lagoon Dune color palette (#FFF1F4, #AF86BE, #3D9D84, #367E85, #4F3C41)
- Ancient Cocoa Delta color palette (#FFF2EA, #C9B49C, #A6725C, #78534A, #5A4400)
- Powdered Terracotta Market color palette (#FFF2EC, #D7877B, #0099B7, #A1443A, #044B5A)
- Pewter Study color palette (#FCF2F2, #AFCA9F, #7D4C64, #4C302F, #2C221C)
Browse the whole catalog at Explore, or see today's palette.