Weathered Harbor color palette — #F3F6EE · #CFE3DA · #A1BABF · #5B9979 · #2D3027

Fern and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F6EE): bright and airy, almost weightless.
• Silver (#CFE3DA): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#A1BABF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#5B9979): A luminous, balanced teal — the color of glacier melt.
• Deep Forest (#2D3027): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Weathered Lagoon color palette (#F5F7E8, #9AE2BE, #289E8C, #63645C, #222C11)
• Washed Cypress Dune color palette (#EFF7F7, #D1DBE1, #9FB9BE, #007652, #2E3E3E)
• Softworn Azure Field color palette (#EEF8F4, #E9D3CF, #AD9F90, #339CD4, #243A32)
• Dusty Abyss color palette (#E6F2EC, #ABC0BA, #9F8A9B, #004257, #000201)
• Timeworn Cobalt color palette (#EAF9F5, #E8D4CF, #D2B5A7, #467BAB, #0F231E)
• Patina Cocoa Corridor color palette (#D8FFF3, #98D9E1, #85AB9D, #856460, #692D10)
• Mint Studio color palette (#FFF4E2, #00D6A1, #008E9D, #713A64, #14270C)
• Hushed Lagoon color palette (#E8FCE4, #009F96, #1C3D29, #081306, #010100)

Browse the whole catalog at Explore, or see today's palette.