Pewter Harbor color palette — #FFF2EA · #EBCFA0 · #A4C196 · #935871 · #5B3600

Pewter and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#EBCFA0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A4C196): A luminous, dusty green — the color of fresh herbs.
• Pewter (#935871): A full-bodied, balanced rose — the color of strawberry cream.
• Cocoa (#5B3600): A deep, shadowed, balanced gold — the color of honey in a jar.

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

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

• Hushed Driftwood Villa color palette (#FFF2EA, #E4DFB7, #C4C28D, #BF6B67, #5C3600)
• Tempered Mustard Atelier color palette (#FFF1F1, #FFCBBC, #C8B56D, #715C8F, #54352F)
• Weathered Lantern color palette (#FFF3E2, #C8E3B3, #6DBBB3, #9B5B47, #493F00)
• Rust Corridor color palette (#FFEBF6, #D1EECF, #B6B064, #A5574F, #381A25)
• Weathered Boulevard color palette (#FDE2D3, #B28F6D, #895343, #672F40, #33302A)
• Airy Emerald Corridor color palette (#F7E1D2, #C4B177, #4B9C56, #7F2848, #321F00)
• Turquoise Thicket color palette (#F9F6DB, #88D7BF, #46AAC9, #795308, #133922)
• Worn Seafoam Field color palette (#FFF0FC, #E9E8C2, #A4E6A5, #D48EB8, #4D323D)

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