Softworn Veranda color palette — #F8EEF9 · #B45F6B · #473740 · #2E252F · #181317

Mocha and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Blush (#F8EEF9): bright and airy, almost weightless.
• Mocha (#B45F6B): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal (#473740): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#2E252F): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#181317): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Tempered Bronze color palette (#FCEDF3, #AE6A2C, #2E4236, #30252A, #1A1214)
• Patina Driftwood Grove color palette (#F8EAE6, #B66970, #622706, #291A16, #130A08)
• Taupe Canyon color palette (#F9EEF9, #C7888D, #62535F, #403341, #242026)
• Timeworn Harbor color palette (#FFEEE9, #ED9DA7, #A66C40, #61504C, #271F20)
• Brick Quarry color palette (#EDDBE8, #BC2900, #3E2400, #260D21, #10040A)
• Smoked Terracotta Station color palette (#F9E1EF, #8C3700, #302A1B, #03210A, #14030D)
• Dusty Petrol Lantern color palette (#FFF1F6, #BC8C68, #5093B0, #636DA6, #513B45)
• Fern Cabin color palette (#D1E9DB, #675B00, #0D2600, #100D00, #000302)

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