Patina Veranda color palette — #FBF3EF · #DCDBD3 · #BDC1B4 · #95675D · #4F4541

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

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Bone (#DCDBD3): a clean, paper-quiet neutral.
• Stone (#BDC1B4): a calm mid-gray that lets other colors speak.
• Walnut (#95675D): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#4F4541): a grounded near-black with real depth.

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

Use it as a design system

One click turns Patina 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

• Muted Bronze color palette (#FBF4E9, #D3DECD, #B7C0A8, #85650F, #553A00)
• Timeworn Cocoa Alley color palette (#FAF4F0, #DDDAD2, #C3C2B1, #BB7E6A, #6F360C)
• Washed Workshop color palette (#FFEFEF, #C6AA98, #958239, #7A5860, #5E443E)
• Bronze Ridge color palette (#F6F0F4, #E1D4D3, #B0C7C1, #AC5B40, #32292F)
• Muted Fern Harbor color palette (#E4E3DA, #B6BCAA, #839383, #3F4B00, #23200E)
• Muted Balcony color palette (#FCF4E9, #ABB589, #50805F, #6F4F5A, #4D4300)
• Hushed Veranda color palette (#F2E8E2, #B1A89A, #8D8037, #602000, #210F04)
• Muted Bronze Pier color palette (#F3E1CF, #9D611A, #34322B, #291C0F, #110C05)

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