Pewter Veranda color palette — #FCF3F1 · #E1DACF · #C4C0B0 · #99626E · #514441

Built around Mocha, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Bone (#E1DACF): a clean, paper-quiet neutral.
• Stone (#C4C0B0): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#99626E): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#514441): quiet, heavy and certain.

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

Use it as a design system

One click turns Pewter Veranda 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 Drift color palette (#F8EFEE, #DAD7D0, #BEBDAE, #946672, #332928)
• Muted Pier color palette (#FCF3EF, #DDDBD0, #A1B0AC, #AF704B, #58514D)
• Softworn Alley color palette (#FDF3EB, #DBDEC5, #C1BDA3, #9C5600, #5E3400)
• Softworn Grove color palette (#F7F6E9, #8ABE94, #338371, #6E5154, #42433C)
• Washed Delta color palette (#E7E1D5, #BEBAA0, #8B9274, #544200, #251E11)
• Rust Orchard color palette (#F2E1D8, #BC4422, #36312C, #291B14, #120B06)
• Hushed Garnet color palette (#ECDAD5, #BDA393, #A27539, #690920, #220D07)
• Tempered Blush color palette (#FFF4DA, #DC6F92, #915B2E, #0F556F, #433B38)

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