Olive Loft color palette — #F4EDBD · #AFAD5D · #7C882C · #53650F · #3B5127

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

The five colors

• Custard (#F4EDBD): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#AFAD5D): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#7C882C): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#53650F): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3B5127): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Fern Coast color palette (#D9F0DB, #BBAE6F, #727F00, #296300, #063010)
• Airy Olive color palette (#FFE4C4, #C7BC7C, #909C3B, #43760B, #205233)
• Antique Workshop color palette (#FBD8AF, #D3AA67, #927010, #695500, #344920)
• Chalky Pine Chapel color palette (#D9F4C7, #87BF7F, #3F8C4E, #236B41, #25523C)
• Pale Drift color palette (#E3FCF2, #9CA858, #C56B6B, #626D00, #613333)
• Hushed Bronze color palette (#DAFEF6, #6D9751, #008C92, #925B0B, #1E3F39)
• Hushed Driftwood Field color palette (#E0FDF6, #BAE7F7, #A8DBC6, #778651, #32524D)
• Ancient Olive color palette (#E5E8D6, #607400, #324800, #0F2600, #00110B)

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