Pewter Lagoon color palette — #F4F0F6 · #E1D4D9 · #CBB7BC · #9A6273 · #2F2A31

A conversation between Mocha and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#F4F0F6): a clean, paper-quiet neutral.
• Silver (#E1D4D9): bright and airy, almost weightless.
• Stone (#CBB7BC): A luminous, dusty red — the color of a theater curtain.
• Mocha (#9A6273): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#2F2A31): quiet, heavy and certain.

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

Use it as a design system

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

• Pewter Boulevard color palette (#FCF2F2, #E2DAD0, #C7C0AE, #956379, #514443)
• Patina Corridor color palette (#FADFF0, #DAACC0, #9A7A4E, #365F59, #1F3938)
• Antique Market color palette (#F8EFF3, #E4D2CF, #A8C9AA, #A15300, #2F2027)
• Antique Study color palette (#F7F3FA, #E2D7DA, #B6B7AB, #C58AA3, #423D46)
• Rust Atelier color palette (#F1E5EE, #B5514B, #412739, #1E101D, #080508)
• Tempered Terracotta Loft color palette (#FAEDF8, #E2CCDC, #C79DB5, #A3232E, #241322)
• Weathered Pine color palette (#E6F6F1, #8EBFB6, #4B8456, #674B5A, #0E2D29)
• Garnet Harbor color palette (#F0EBF0, #AA9AA9, #926F89, #690024, #080209)

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