Olive Loft color palette — #F3E1DB · #877D00 · #4F000E · #1B0002 · #020200

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

The five colors

• Parchment (#F3E1DB): A whisper-light, dusty orange — the color of toasted spice.
• Olive Leaf (#877D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#4F000E): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1B0002): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, 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

• Ancient Bronze color palette (#F3E4D2, #977500, #372200, #182626, #100700)
• Obsidian Canyon color palette (#FADBDF, #6D8600, #440044, #160016, #050100)
• Patina Amber color palette (#F6E4DA, #CB7E00, #7D1E00, #360800, #060100)
• Powdered Terracotta color palette (#F1DEED, #CA9E37, #A6443C, #681714, #070006)
• Airy Loft color palette (#F0DDD6, #C34741, #034D0E, #630108, #030400)
• Amber Cabin color palette (#F1EFE3, #C29146, #3E4900, #1F2500, #0B1304)
• Hazy Veranda color palette (#FFE9CE, #9C4D00, #3E4000, #23006A, #211300)
• Weathered Cocoa Loft color palette (#F1EBE5, #C3B7A5, #988F64, #693500, #2B1B0D)

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