Softworn Veranda color palette — #FFF1F2 · #FFD4C3 · #D08A45 · #896C13 · #40481F

A conversation between Mustard and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FFD4C3): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#D08A45): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#896C13): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#40481F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Bronze Corridor color palette (#F8E4DD, #DB8D5E, #A46300, #684600, #392B0A)
• Sunlit Taupe Corridor color palette (#FFF2EB, #FCC683, #B5A03D, #5F7732, #2C4D2E)
• Gentle Marigold color palette (#FDD5F0, #F6B38D, #E79D4A, #B07900, #504110)
• Coral Lantern color palette (#FFF0FD, #FFC0D6, #E0858B, #A15740, #503214)
• Tempered Studio color palette (#FFF3E3, #DAEFB2, #B89D4B, #785400, #251800)
• Bronze Delta color palette (#F9E1D2, #906900, #4D4800, #061600, #000201)
• Softworn Garden color palette (#FDDED9, #D65F00, #6B4800, #2E2600, #010100)
• Linen Amber Veranda color palette (#FFF3E6, #FFC98B, #8BBEFF, #B87B29, #1C395D)

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