Softworn Veranda color palette — #F7F1E7 · #C5BB97 · #977F4F · #7F4919 · #2C2D20

A conversation between Coffee and Mocha, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Sand (#C5BB97): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#977F4F): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7F4919): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2C2D20): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Chestnut Summit color palette (#FDF4E6, #C0BA8D, #917E55, #805215, #544700)
• Washed Chestnut color palette (#EDDDCF, #AC9665, #964F00, #622A29, #1E1800)
• Olive Pier color palette (#F1E9D2, #85AE6C, #746E00, #5E3B00, #162004)
• Stone Lagoon color palette (#EEF8F0, #C0E6E3, #C1AC7F, #956D7B, #32443D)
• Aged Villa color palette (#FDECDA, #817229, #603A00, #440A00, #030700)
• Muted Garden color palette (#FFEAFF, #C9B9EC, #AA6BA0, #824352, #511802)
• Muted Chestnut color palette (#FAEEF5, #8688CD, #9B4C13, #005E57, #24171F)
• Rust Hollow color palette (#F6F0F5, #A6C5F3, #C0635B, #4E72A8, #1D130F)

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