Olive Loft color palette — #F5EDD3 · #777200 · #3E4C00 · #112F00 · #000B01

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

The five colors

• Cream (#F5EDD3): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#777200): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3E4C00): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#112F00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000B01): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance. 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

• Olive Grove color palette (#F6EECF, #716F00, #354400, #051700, #000200)
• Olive Lantern color palette (#DBECCB, #247F0F, #005C32, #002D1E, #000906)
• Softworn Bronze Lagoon color palette (#FCE3D8, #9D5800, #614000, #322300, #0F0B00)
• Aubergine Dune color palette (#D6ECE6, #61871F, #6E0091, #2A4000, #0D0015)
• Worn Boulevard color palette (#D2EBE6, #68AF89, #009E98, #454B00, #001301)
• Airy Emerald color palette (#D7EBD3, #15AA59, #007350, #004E42, #002724)
• Worn Lagoon color palette (#CEF5E2, #009378, #00645C, #003539, #001419)
• Worn Garden color palette (#E8EED3, #7EA548, #21890D, #005C38, #003626)

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