Softworn Loft color palette — #E8FBEC · #D49490 · #89744D · #3E5A82 · #57404D

Built around Camel, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#E8FBEC): A whisper-light, dusty teal — the color of sea glass.
• Camel (#D49490): A luminous, dusty orange — the color of autumn markets.
• Walnut (#89744D): A full-bodied, dusty gold — the color of old brass.
• Peacock (#3E5A82): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#57404D): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Coral Basin color palette (#FBF2FA, #CB807D, #557C55, #3F527F, #4A3356)
• Patina Taupe color palette (#ECFAEB, #C5A16D, #658151, #5D517B, #394D41)
• Tempered Pewter color palette (#FCF0FF, #D6C2CB, #829F90, #64718A, #5B4B5E)
• Washed Forest color palette (#F8F1E4, #CAA381, #8E753F, #0B6239, #382917)
• Misty Bronze Studio color palette (#E1F5E0, #AF7A30, #46661A, #42356D, #123923)
• Amber Harbor color palette (#DFFFE2, #D26B32, #696200, #333791, #4D2D00)
• Sand Workshop color palette (#FFF0F7, #E5D6D3, #FDBF92, #A0A267, #3B523E)
• Tempered Bronze color palette (#FCEDF3, #AE6A2C, #2E4236, #30252A, #1A1214)

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