Muted Veranda color palette — #FCF3EF · #DFDBD0 · #A6B1AB · #B16F4F · #58514D

Mocha takes the lead with Bone close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#DFDBD0): a clean, paper-quiet neutral.
• Ash (#A6B1AB): soft and architectural.
• Mocha (#B16F4F): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#58514D): quiet, heavy and certain.

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

Use it as a design system

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

• Timeworn Canyon color palette (#F8F0EC, #DAD7CE, #A9B0A8, #A4756F, #3D3430)
• Patina Canyon color palette (#F9F3F8, #E2D7D7, #AFB2BE, #AF90AA, #565055)
• Hushed Cocoa color palette (#E8E0D3, #BFB9A7, #918F79, #574100, #261E0F)
• Ancient Bronze Garden color palette (#FDF3EC, #DFDDC2, #C9BA9E, #A05213, #603200)
• Aged Oat Harbor color palette (#FFF2EA, #DAC4A7, #9A947E, #66766E, #5A4B59)
• Ancient Apricot color palette (#FFF4E2, #E19076, #91713D, #27636C, #4D4641)
• Tempered Cocoa Workshop color palette (#FAF4EB, #CEC099, #7B875D, #74615B, #5F4A00)
• Muted Lagoon color palette (#E8DDD7, #A99685, #8F6927, #4C1700, #100703)

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