Weathered Harbor color palette — #FDF1FC · #CED9F0 · #3FBCF3 · #008D51 · #183461
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1FC): a clean, paper-quiet neutral.
- Powder Blue (#CED9F0): A whisper-light, dusty violet — the color of a velvet chair.
- Cyan (#3FBCF3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#008D51): A full-bodied, balanced teal — the color of sea glass.
- Navy (#183461): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, 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
- Patina Periwinkle Boulevard color palette (#FFF1F7, #D6D4E0, #82ADFF, #00897F, #362D58)
- Azure Ridge color palette (#FFF0FC, #D1DAF5, #00A5EA, #00764E, #0B1D58)
- Pale Teal Study color palette (#F5F6EB, #A9F4FA, #4EC9DF, #00A69F, #004858)
- Worn Villa color palette (#E1FDEC, #E7C600, #75B1FF, #927D00, #002D60)
- Softworn Cerulean color palette (#FDF3EE, #9CDBE1, #008CB1, #00694D, #01436E)
- Wandering Veranda color palette (#FBF2F7, #D6D4E1, #BCC2F6, #659DA2, #454D5E)
- Aqua Boulevard color palette (#F9E8F9, #48CCD3, #007194, #00411D, #00020B)
- Antique Ultramarine Field color palette (#E8DAE1, #65ACCE, #044FAD, #002C26, #010009)
Browse the whole catalog at Explore, or see today's palette.