Weathered Harbor color palette — #FCF3EB · #CFC099 · #85863E · #71606A · #604A00

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

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Sand (#CFC099): A luminous, dusty gold — the color of honey in a jar.
• Olive Leaf (#85863E): A luminous, balanced green — the color of a quiet forest floor.
• Graphite (#71606A): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

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

• Washed Cocoa color palette (#F9F5EC, #DED0AD, #A59C78, #94756C, #604A00)
• Worn Thicket color palette (#ECF4EE, #ADCCBB, #638D7D, #6B5B6B, #25352D)
• Hushed Harbor color palette (#FFF2EC, #FCB294, #AC6E59, #6D4131, #3B3430)
• Weathered Thicket color palette (#F6F6E7, #84BEA8, #368086, #70504F, #324C08)
• Olive Studio color palette (#FCF3F0, #CAEBE2, #6CA2BA, #697631, #5D4C5D)
• Coral Studio color palette (#FFF2ED, #EB958B, #54A8AD, #9D5F58, #3E5341)
• Patina Pine color palette (#FFF4E2, #96AE60, #007E4B, #6B4351, #3C3B34)
• Stone Canyon color palette (#F0F8EF, #C6E7D6, #A8BE93, #8C99BB, #3D5348)

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