Weathered Harbor color palette — #F8F2DC · #A0B06C · #507A00 · #005952 · #1D2400

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F2DC): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A0B06C): A luminous, balanced green — the color of new leaves after rain.
• Olive (#507A00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005952): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#1D2400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, 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

• Lagoon Terrace color palette (#F1F3E9, #8BC1A5, #2F866E, #3D5D4F, #242A19)
• Timeworn Bloom color palette (#E8FCE6, #B2A544, #567520, #464D76, #1E4331)
• Worn Balcony color palette (#EFEDDE, #7C9863, #196704, #004243, #141300)
• Washed Alley color palette (#EDE4CF, #9B9A3C, #566300, #731027, #181700)
• Quiet Mustard Station color palette (#E1FDEF, #B5C55A, #759245, #2B776D, #1C4336)
• Muted Lagoon color palette (#F4F1EB, #CEC3A0, #80885C, #78594F, #33312A)
• Pale Delta color palette (#FEF3E7, #EBDA7C, #7BA11F, #5B679C, #312E28)
• Inked Fern Lantern color palette (#E7E2D0, #535F19, #1F3000, #2E0100, #010100)

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