Pewter Lagoon color palette — #F1F7EE · #57A99B · #9C5676 · #26613B · #41433C

Built around Pewter, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F7EE): a clean, paper-quiet neutral.
• Turquoise (#57A99B): A luminous, balanced teal — the color of sea glass.
• Pewter (#9C5676): A full-bodied, balanced rose — the color of a warm blush.
• Pine (#26613B): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#41433C): a grounded near-black with real depth.

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

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

• Plum Hollow color palette (#F2F7ED, #52AC8B, #9E5577, #6F4B21, #403E37)
• Washed Ridge color palette (#EBF9F3, #58A1CC, #A5583D, #00605E, #304A2F)
• Periwinkle Coast color palette (#EBF3FC, #609FE8, #91607D, #64451B, #002E2F)
• Worn Mulberry Terrace color palette (#E6FCE7, #008F92, #A50050, #004C38, #00323A)
• Aged Quarry color palette (#FDF1FD, #82B5F0, #B27892, #7B6633, #34492E)
• Cocoa Meadow color palette (#FBF3EE, #D1BEA0, #7D8754, #765E68, #674600)
• Washed Thicket color palette (#EBFAEA, #C7B7C9, #AD828A, #76772F, #4C564A)
• Dusty Cypress color palette (#FAF4EF, #C8E9EB, #8599C4, #387B77, #624A56)

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