Pewter Pier color palette — #F9F2DE · #76B7C5 · #7672A1 · #58542A · #17322A

Slate and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F2DE): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#76B7C5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#7672A1): A full-bodied, dusty violet — the color of a velvet chair.
• Coffee (#58542A): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#17322A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Tempered Quarry color palette (#EEF5E4, #88AFDC, #8E6B8C, #2A5E45, #372631)
• Chestnut Orchard color palette (#FEF4E3, #84ACD0, #73719F, #7F4B22, #544053)
• Ancient Dune color palette (#F8EEF9, #779FD0, #8A6B43, #684309, #2E2704)
• Muted Olive color palette (#E8FAF3, #8ACBCE, #848EC4, #6B7537, #364B58)
• Tempered Driftwood color palette (#FCEFE7, #D3C0A3, #91833A, #735963, #34302A)
• Aged Mulberry Basin color palette (#E2EFCE, #4C90C5, #794086, #00442C, #270D22)
• Wandering Olive Courtyard color palette (#E6F8E5, #CCBBCC, #B08E95, #686A21, #484900)
• Tempered Cypress Grove color palette (#F7F0EB, #C4E7EA, #B090AB, #357873, #472D3A)

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