Weathered Harbor color palette — #FAF4EB · #C7DFCB · #B0B37F · #9A7F77 · #584300

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Celadon Mist (#C7DFCB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#B0B37F): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#9A7F77): A luminous, dusty orange — the color of sun-warmed clay.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Fern Corridor color palette (#F4F6EE, #B7E4DD, #77C0A5, #6D8F7E, #3D4E03)
• Timeworn Driftwood Study color palette (#FCF3EB, #CCC0A1, #86853D, #775D6E, #604A00)
• Patina Thicket color palette (#F3F7E9, #C1E7D0, #51B19C, #966E2E, #2A4000)
• Patina Driftwood color palette (#ECF4ED, #ABCDB9, #668C7F, #5D5F76, #26352C)
• Softworn Driftwood color palette (#ECE0C8, #99903F, #4E5200, #461F00, #010100)
• Chestnut Garden color palette (#FFF2EB, #DFD9CD, #CEA698, #A0B3B2, #7C4419)
• Mustard Garden color palette (#FFF2EB, #FEB8A1, #C4BF6E, #BE92B5, #3E3733)
• Blush Orchard color palette (#FFF2EF, #EBD5CE, #F88E9A, #AB6B6A, #504845)

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