Pewter Coast color palette — #EFF8F2 · #CDDDDD · #A1BAB2 · #6D652E · #333D38

Olive and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Silver (#CDDDDD): bright and airy, almost weightless.
• Ash (#A1BAB2): A luminous, dusty teal — the color of sea glass.
• Olive (#6D652E): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#333D38): a grounded near-black with real depth.

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

Use it as a design system

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

• Driftwood Basin color palette (#F8F5EE, #D6DBD1, #B5C3B3, #90803B, #3D3A34)
• Aged Forest Harbor color palette (#E9F9F7, #BADAD9, #79B2B6, #206B2C, #153A37)
• Worn Driftwood Lagoon color palette (#EDF8F7, #D1DCE2, #AFABB6, #648A89, #4A5555)
• Antique Summit color palette (#B6EDE0, #90B391, #4A7F6A, #3F5463, #37394D)
• Washed Fern color palette (#DEEBE5, #A5C0B7, #79958F, #464800, #14231D)
• Tempered Spruce Terrace color palette (#DDEDEE, #84A0A4, #54777F, #003425, #000C0D)
• Eclipse Olive color palette (#CBEFE4, #506F00, #002D28, #061713, #000505)
• Feathered Honey color palette (#E1FCF2, #E9C300, #A5AE0E, #578C4B, #133C33)

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