Weathered Harbor color palette — #E6DDD0 · #A28B31 · #7A5B00 · #533700 · #1A1700

Moss and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E6DDD0): A whisper-light, dusty gold — the color of old brass.
• Moss (#A28B31): A luminous, balanced green — the color of new leaves after rain.
• Olive (#7A5B00): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#533700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1A1700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Soft Basin color palette (#FFE3CD, #BA7C43, #944900, #682500, #221200)
• Ancient Bronze Coast color palette (#EDE6D9, #ACA054, #876F18, #644800, #262600)
• Antique Olive Lagoon color palette (#F5EEDA, #7A8537, #585600, #393000, #080E00)
• Wandering Chestnut Ridge color palette (#CFEFD6, #AC9956, #795A00, #452C00, #000502)
• Softworn Dune color palette (#FBF5E6, #CBBD95, #9A9060, #85621D, #3F3D36)
• Worn Rust color palette (#FAD6BC, #E68B41, #B85918, #8D2E06, #3D2100)
• Plum Thicket color palette (#F9E0DB, #B30C4D, #674900, #313D00, #000805)
• Sapphire Study color palette (#F5DEEF, #4859E8, #9F3063, #004D4B, #05072B)

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