Pewter Harbor color palette — #FFF2EA · #D3B99B · #B88064 · #915654 · #403D36

Pewter takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#D3B99B): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#B88064): A luminous, balanced orange — the color of autumn markets.
• Pewter (#915654): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Weathered Terracotta color palette (#F4E4DA, #C7A886, #AE6E50, #8C3F42, #33302A)
• Fern Summit color palette (#FCF4EA, #D6C9B0, #B49570, #956854, #544700)
• Washed Sand color palette (#FFF0F8, #FFD4A5, #C49077, #7B6179, #26362B)
• Weathered Lagoon color palette (#FFF2EF, #C6C994, #9A5D6B, #642F3C, #2D1D1A)
• Aged Bronze color palette (#F9EDD7, #B2BA82, #9F8312, #885200, #223E14)
• Amber Bloom color palette (#FFEAEA, #ECB89F, #B78535, #716800, #2A4B00)
• Misty Crimson color palette (#FBF3F1, #EAB4B9, #739E4A, #C95367, #262514)
• Garnet Station color palette (#E9DCD1, #AD8440, #924B00, #770600, #1B1600)

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