Olive Loft color palette — #F5E0D7 · #7B7A23 · #00614C · #481C3A · #24001A

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

The five colors

• Parchment (#F5E0D7): A whisper-light, dusty orange — the color of toasted spice.
• Olive Leaf (#7B7A23): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#00614C): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#481C3A): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#24001A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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 Onyx color palette (#F5DDC7, #708242, #00615E, #50130A, #2C0200)
• Timeworn Market color palette (#FFE2E2, #A3743C, #306519, #442056, #21020D)
• Worn Lagoon color palette (#EDECDC, #268B6C, #004E52, #4B0E2A, #000B06)
• Tempered Moss color palette (#F9E3D7, #8B9C49, #1F7871, #524769, #40213B)
• Faded Pine color palette (#ECE3B4, #8CB072, #00805E, #393B63, #160F2B)
• Muted Forest color palette (#E3E0D1, #667200, #07530D, #00301F, #000D0D)
• Nocturne Forest color palette (#E9E6D0, #00654E, #00405A, #340906, #0C0000)
• Weathered Alley color palette (#F6E6CF, #82AA63, #007577, #6C2724, #450D0D)

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