Pewter Harbor color palette — #F9F5ED · #D9DED0 · #BCC4B3 · #817347 · #4B4740

A conversation between Walnut and Stone, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Bone (#D9DED0): a clean, paper-quiet neutral.
• Stone (#BCC4B3): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#817347): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#4B4740): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Pewter 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

• Patina Alley color palette (#F5F1EA, #D5D9CF, #B7BFB3, #857345, #302B24)
• Pine Study color palette (#F4F6EE, #CBE3D2, #B2C3A3, #347C42, #3D4500)
• Softworn Driftwood color palette (#E3E0D6, #AFAA90, #898239, #3E3900, #181306)
• Washed Boulevard color palette (#DCE1DA, #ABC0A9, #7C9680, #005046, #1A2217)
• Softworn Bloom color palette (#F7EFC1, #9CBC8C, #868D74, #4B6B59, #325254)
• Sunflower Coast color palette (#FCF5DE, #FED858, #C2C242, #7C9E57, #3A3932)
• Worn Studio color palette (#FFF4DB, #A29B39, #577527, #00595D, #3F3D36)
• Dusty Pewter color palette (#F7F5ED, #D7DED2, #BAC3B8, #767849, #4A483E)

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