Soft Loft color palette — #FFF3E8 · #DD883B · #419F69 · #8E5623 · #41433C

Mustard takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mustard (#DD883B): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#419F69): A luminous, balanced teal — the color of glacier melt.
• Ochre (#8E5623): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#41433C): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Soft 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

• Marigold Summit color palette (#FFF4E0, #BE9B2D, #009F94, #7C6200, #34492F)
• Hushed Garden color palette (#FFF3E6, #BC7700, #588B3B, #925263, #3C3731)
• Airy Alley color palette (#FFF2EF, #EA758B, #938E22, #9D4456, #45423B)
• Mustard Villa color palette (#FCF5E2, #B1A135, #C56883, #736603, #5E343F)
• Hazy Chestnut Station color palette (#FFEEE1, #D0946C, #3E98C1, #994D00, #002C3D)
• Worn Moss Orchard color palette (#F1F0DB, #709E2E, #BA5643, #406300, #53261E)
• Cocoa Quarry color palette (#FFF3E9, #C59E7C, #90684E, #794115, #563500)
• Softworn Bronze Lantern color palette (#FFF1F7, #E5A87E, #68AED6, #B06E3F, #0E4864)

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