Softworn Terrace color palette — #FDF1F9 · #B4BEFF · #B5B180 · #898451 · #392D36

Lavender and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Lavender (#B4BEFF): A luminous, balanced violet — the color of a velvet chair.
• Sage (#B5B180): A luminous, dusty green — the color of fresh herbs.
• Mocha (#898451): A luminous, dusty green — the color of a quiet forest floor.
• Espresso (#392D36): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Softworn Terrace 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 Mallow Garden color palette (#FFF1F4, #E2A9FE, #7AC09F, #80837C, #3D2C31)
• Aged Aqua Harbor color palette (#E8FAF1, #64D2FF, #D6A27D, #AB7443, #25362E)
• Dusty Cabin color palette (#FCF2F9, #B8CAFF, #BA925A, #2B787B, #293F2B)
• Patina Powder color palette (#EFF6FF, #A3C4F8, #98C49A, #67A899, #333E4C)
• Aged Lilac color palette (#FCF2F9, #A9A5F3, #85A665, #5E744A, #232A1B)
• Antique Taupe Drift color palette (#EFF9E5, #D6DAFF, #CA8EA3, #677958, #4E383F)
• Mallow Bloom color palette (#FFF1F2, #EE8CD0, #4DB398, #2A846D, #331E1F)
• Washed Cocoa Pier color palette (#F1F5FF, #E5D8E1, #D9A1C9, #A36669, #663214)

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