Pewter Loft color palette — #F8F5EC · #ADA767 · #578CB5 · #7A508D · #3C3632

Built around Slate, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Sage (#ADA767): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#578CB5): A luminous, balanced blue — the color of open sky before noon.
• Slate (#7A508D): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#3C3632): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Pewter Loft 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 Quarry color palette (#F4F7EC, #8AB78F, #8E7FB7, #965465, #37342D)
• Ancient Mustard Alley color palette (#EBF9F2, #CCC776, #6593BB, #81628B, #2E2229)
• Tempered Corridor color palette (#FDF3EC, #CB9879, #0F9493, #596AA3, #48302D)
• Weathered Petrol color palette (#F8F5EC, #988C4E, #00758D, #6F3654, #33302A)
• Dusty Parlor color palette (#FCF4E8, #B3C792, #64A187, #72649D, #494C00)
• Hushed Taupe Loft color palette (#F1F3E7, #7CA97E, #515D46, #373C00, #23221A)
• Mulberry Lagoon color palette (#F4F7E8, #509B57, #7057C6, #8E003F, #281B00)
• Faded Ultramarine Station color palette (#F8F7DF, #89A42A, #0756DE, #9A007A, #301900)

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