Olive Loft color palette — #F3F4FF · #B0A0DA · #C48D70 · #70843C · #383B51

Olive Leaf and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#B0A0DA): A luminous, balanced violet — the color of wild irises.
• Caramel (#C48D70): A luminous, dusty orange — the color of autumn markets.
• Olive Leaf (#70843C): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#383B51): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Dusty Lagoon Bloom color palette (#F8F2FF, #D395B6, #AE996A, #368C70, #413949)
• Bronze Lantern color palette (#EDF7FD, #7AB4D1, #C38899, #91773B, #303F4A)
• Softworn Cypress Ridge color palette (#E7FBF3, #B6B9E8, #B37FA2, #1F8163, #44465A)
• Powder Summit color palette (#FCF1FB, #A3C4FF, #ADB574, #83827A, #392D37)
• Wandering Bronze Grove color palette (#FEF2F4, #AB7CB8, #B3684D, #775934, #4B373B)
• Powder Veranda color palette (#F1F5FF, #B3BDFF, #DCA4B6, #6BA6A7, #363D4C)
• Wandering Parlor color palette (#F3EAFF, #C170A3, #A67700, #007160, #2C2138)
• Patina Orchard color palette (#F4F5FB, #DDD8DD, #BFAFAF, #A292C1, #51525B)

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