Softworn Cabin color palette — #FBF3F2 · #DFD9D3 · #A4B0A3 · #A47083 · #5B504E

A conversation between Mocha and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Bone (#DFD9D3): a clean, paper-quiet neutral.
• Ash (#A4B0A3): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A47083): A luminous, dusty rose — the color of pressed rose petals.
• Charcoal Brown (#5B504E): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn Cabin 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

• Driftwood Boulevard color palette (#F9EFEF, #DFD7CD, #ACB1A7, #A27574, #3C3433)
• Worn Lagoon color palette (#FFF2EF, #D2B8A9, #A29077, #657864, #355050)
• Muted Cocoa Coast color palette (#F3E9E2, #C3B7A9, #9C8C6F, #6D3100, #271D15)
• Softworn Bronze Boulevard color palette (#FCF4E7, #D691A2, #A86245, #2B6556, #55433D)
• Weathered Canyon color palette (#F7F5EC, #C1C4A4, #54906C, #7B5D5F, #505100)
• Softworn Garnet color palette (#F0E2DF, #AA948B, #9A6135, #550021, #150402)
• Dusty Chestnut color palette (#FDF4E6, #D9D2C0, #9CAF79, #735500, #36322C)
• Tempered Delta color palette (#FBF3F4, #E0D8D4, #AAAEA2, #A0747C, #575152)

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