Soft Loft color palette — #F2F4FF · #BCA5FF · #A17C00 · #1B7C0E · #1E1435

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

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Lavender (#BCA5FF): A luminous, balanced violet — the color of wild irises.
• Ochre (#A17C00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#1B7C0E): A full-bodied, vivid green — the color of new leaves after rain.
• Deep Indigo (#1E1435): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wisteria Veranda color palette (#F5F4FF, #BF82D4, #958D24, #007152, #200A27)
• Amber Pier color palette (#EFF6FF, #90B6FF, #C4641F, #6C6C00, #08193C)
• Fuchsia Cabin color palette (#F7F3FF, #ED83D3, #AE6D00, #00613F, #002145)
• Weathered Atelier color palette (#F7F2FF, #E097C9, #90A95B, #008382, #282034)
• Airy Fuchsia color palette (#F8F2FF, #FF85D3, #519719, #007678, #320824)
• Tempered Rose color palette (#DFFFE5, #F19DE9, #DC496C, #1D6A00, #450E32)
• Quiet Byzantium color palette (#FFECF4, #8F42FF, #6B7200, #494E00, #250718)
• Blush Courtyard color palette (#FBF1FF, #FF609A, #00853D, #00606B, #20000B)

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