Pewter Courtyard color palette — #F7EFF4 · #E2D4D2 · #B0C7C4 · #8B697F · #32292F

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

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Silver (#E2D4D2): bright and airy, almost weightless.
• Stone (#B0C7C4): A luminous, dusty teal — the color of glacier melt.
• Slate (#8B697F): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#32292F): a grounded near-black with real depth.

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

Use it as a design system

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

• Worn Alley color palette (#EDF4EE, #CBDDDE, #AFC1C7, #857348, #262F28)
• Washed Ridge color palette (#FBF3EF, #DEDCD0, #C1C2B3, #B08370, #4F4640)
• Washed Lantern color palette (#DAE2DB, #779589, #52726E, #372700, #000200)
• Stone Thicket color palette (#FFEAF8, #CEB88F, #65948C, #4F576B, #303749)
• Antique Field color palette (#E9F6EC, #ADBB7F, #548254, #5C4F68, #112D25)
• Chestnut Harbor color palette (#FFECF3, #C3DBCA, #A7B187, #864A00, #26131B)
• Hushed Fern color palette (#DAEBE6, #98BBBA, #75949A, #364C0B, #010E0A)
• Hushed Bronze color palette (#E1EBE0, #A16600, #1D372C, #0F190E, #0A0508)

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