Softworn Veranda color palette — #F4F7EC · #70A77B · #706A94 · #63486C · #5C3923

A conversation between Jade and Charcoal Brown, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Jade (#70A77B): A luminous, balanced green — the color of new leaves after rain.
• Slate (#706A94): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#63486C): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#5C3923): A deep, shadowed, dusty gold — the color of old brass.

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

• Ancient Teal Meadow color palette (#F1F8EA, #5DAA8B, #6E699A, #774527, #46423B)
• Washed Coast color palette (#FAF5E9, #A79859, #3E798F, #6B4464, #5C363B)
• Patina Loft color palette (#F0F8EE, #78C1B8, #5095BC, #64619A, #5C363A)
• Hazy Drift color palette (#EDF9EC, #009C9B, #824B85, #634000, #383400)
• Aubergine Pier color palette (#E7F4FA, #68A8B0, #5273A1, #5C3B75, #321E3A)
• Antique Cocoa color palette (#FAF6E0, #C3CDB7, #88998D, #836D65, #7C3F1F)
• Faded Garnet color palette (#E7F7E5, #008984, #763972, #6C0F2C, #382900)
• Weathered Lagoon Archive color palette (#F3FAD1, #80C4AB, #319691, #1F6F7A, #2E5542)

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