Olive Loft color palette — #F8E6CA · #777C18 · #5A4100 · #431A00 · #161800

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

The five colors

• Parchment (#F8E6CA): A whisper-light, dusty gold — the color of honey in a jar.
• Olive Leaf (#777C18): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#5A4100): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#431A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#161800): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, 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

• Tempered Olive Thicket color palette (#EAE0C4, #437713, #3E3A00, #2A1700, #000F07)
• Weathered Bronze Thicket color palette (#F6DFD0, #9C6A19, #732D00, #50001A, #1D1500)
• Timeworn Ridge color palette (#F7EDDB, #81904B, #695300, #562900, #232704)
• Aubergine Terrace color palette (#F0E6D4, #634F00, #4E00A6, #401E00, #120D00)
• Dusty Bronze color palette (#D3EFD8, #A8A34F, #9D7510, #844912, #0F1A00)
• Hushed Olive color palette (#E2E0D2, #698200, #00455F, #2B3700, #000502)
• Garnet Thicket color palette (#F8D6BF, #BD7F00, #943D00, #740027, #2E2A00)
• Linen Cocoa Harbor color palette (#FBECD8, #A3A24E, #8A6100, #792F00, #253D1A)

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