Pewter Harbor color palette — #FFF2F0 · #EFB695 · #9B5B74 · #593835 · #2A1E1D

A conversation between Pewter and Sand, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Sand (#EFB695): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Pewter (#9B5B74): A full-bodied, balanced rose — the color of pressed rose petals.
• Cocoa (#593835): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#2A1E1D): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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 Cocoa color palette (#FFF2ED, #EACBAD, #9F6F6B, #77391E, #352822)
• Patina Delta color palette (#F8F3FC, #EFDEBF, #A45C79, #432F4D, #120D15)
• Timeworn Raspberry color palette (#FFF2EE, #FDA9B6, #C17C52, #BD5D70, #302014)
• Dusty Rust color palette (#FFF2EA, #F2AA4D, #AB4400, #632400, #2C1302)
• Worn Ash Study color palette (#F6F3FE, #CEDDA2, #B680AC, #795573, #23202A)
• Washed Mulberry color palette (#FEF2F3, #A8B585, #6D3E64, #41203B, #281A14)
• Hushed Cabin color palette (#FFF3E4, #EA9B79, #AB7B49, #487037, #423C37)
• Wandering Chestnut color palette (#FFEEEA, #E9AC96, #C57E4D, #955400, #593700)

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