Weathered Harbor color palette — #F7F8DA · #A5F1D4 · #5FCAF9 · #956E00 · #464740
Sky takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.
The five colors
- Custard (#F7F8DA): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#A5F1D4): A whisper-light, balanced teal — the color of sea glass.
- Sky (#5FCAF9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Ochre (#956E00): A full-bodied, balanced gold — the color of honey in a jar.
- Charcoal (#464740): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Balance. Tagged pastel, light, 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
- Softworn Bronze color palette (#F1F9E2, #AFEDF2, #A1B8E2, #7B7431, #3A4B2D)
- Rust Field color palette (#FFF3E3, #BDFBD7, #4AC8B5, #AA502C, #48460E)
- Quiet Seafoam color palette (#F4F9D6, #BCE9CD, #12E6E4, #879616, #1F5739)
- Timeworn Olive color palette (#C9FEF7, #95E2FF, #5FCCCB, #717800, #00361F)
- Azure Field color palette (#F0F4C8, #94D4C5, #54A7E0, #675703, #353831)
- Ancient Basin color palette (#D9FFF2, #B1E7E9, #ADCAFA, #C89E41, #2C482A)
- Iris Meadow color palette (#B8F0D6, #78C1C9, #678CDF, #474D00, #002C2A)
- Hushed Fern Courtyard color palette (#CCFFFE, #ACDCFF, #AF88E5, #117012, #003C52)
Browse the whole catalog at Explore, or see today's palette.