Pewter Courtyard color palette — #FFF2EA · #D1B99F · #B38369 · #905754 · #403D36

Pewter and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#D1B99F): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#B38369): A luminous, dusty orange — the color of toasted spice.
• Pewter (#905754): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Softworn Bronze Meadow color palette (#FDF4E2, #C5BF99, #9B905D, #88602C, #3E4100)
• Muted Bronze Lantern color palette (#F7E4D4, #C4AA81, #AE6F40, #87453B, #33302A)
• Tempered Taupe color palette (#FFF0F8, #FBD5AC, #CA8E6F, #7B6179, #223729)
• Aged Garnet Courtyard color palette (#F2E2D3, #9E8A58, #885200, #6A2200, #171800)
• Softworn Basalt Bloom color palette (#F6E8CE, #6D743E, #544300, #361E00, #010500)
• Wandering Chapel color palette (#E9FAF1, #4EABCF, #808BC5, #B04652, #1D3A2D)
• Hushed Corridor color palette (#F1F8EC, #E5BA9D, #31826B, #004F3D, #1E2419)
• Lagoon Studio color palette (#F3F7EF, #92D5BA, #688ED9, #009771, #2C1F2B)

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