Pewter Courtyard color palette — #F5F6EB · #A8CF9D · #5B9E78 · #7E518E · #2A2716

Slate takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EB): a clean, paper-quiet neutral.
• Pistachio (#A8CF9D): A luminous, balanced green — the color of new leaves after rain.
• Fern (#5B9E78): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#7E518E): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#2A2716): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Pewter Canyon color palette (#F9F5EB, #D3CE97, #76A785, #895292, #3E3A0A)
• Ancient Cobalt color palette (#F7F5EC, #B0B47C, #8DA369, #6867AD, #302617)
• Azure Basin color palette (#F2F7ED, #8AC6AD, #58A2D1, #9F545C, #1F2714)
• Mint Orchard color palette (#F5F7E7, #91BD83, #4B5948, #2C2D19, #120F08)
• Sky Market color palette (#EDF8F2, #D0BD6A, #56B0E5, #9379A8, #392C34)
• Pale Terracotta Lantern color palette (#EEF8EE, #4BB6B4, #2F91BE, #8F3435, #0F1D0B)
• Muted Bronze color palette (#ECF9EF, #9D8221, #6E5E98, #50446F, #35303F)
• Bronze Thicket color palette (#F6F1E6, #98842F, #1B719C, #553E60, #251A13)

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