Worn Veranda color palette — #FFF1F2 · #F4D3D3 · #DD91AF · #AD6078 · #623B32

A conversation between Mocha and Mauve, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#F4D3D3): A whisper-light, dusty red — the color of a theater curtain.
• Mauve (#DD91AF): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#AD6078): A full-bodied, balanced red — the color of a theater curtain.
• Cocoa (#623B32): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Worn Bronze color palette (#FFF2EE, #EBD5CA, #EF9D96, #B66654, #59514D)
• Tempered Lagoon color palette (#F7F3FF, #E197C0, #B86E8E, #83505E, #634552)
• Softworn Pewter Lantern color palette (#FFF0F8, #E6D7E3, #C09EE2, #8C62A4, #6D434D)
• Terracotta Ridge color palette (#FFF2EE, #E4D8D2, #E19BA0, #9E5359, #431A1E)
• Timeworn Basalt color palette (#FCF4EA, #E0DFC0, #C8A883, #957255, #543A00)
• Hushed Study color palette (#FFF2EF, #F7D2CB, #B0CCFF, #DF7196, #334668)
• Feathered Scarlet Bloom color palette (#FFD1D4, #F48382, #CF382A, #7F2100, #3C1200)
• Chalky Ember color palette (#FFF2F0, #FFAB9D, #DE693E, #923900, #542600)

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