Olive Loft color palette — #EAF5EE · #A5A465 · #5F6D00 · #5F394A · #062217

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

The five colors

• Cream (#EAF5EE): bright and airy, almost weightless.
• Sage (#A5A465): A luminous, balanced green — the color of new leaves after rain.
• Olive (#5F6D00): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#5F394A): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#062217): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Pine Drift color palette (#E7F6F1, #89AB7E, #32753F, #554417, #00221E)
• Amber Studio color palette (#F9EDDD, #BB9324, #826A00, #4E4400, #242300)
• Olive Canyon color palette (#F1F7C8, #A5B35D, #646E00, #323700, #0A0D00)
• Moss Basin color palette (#D6F0E5, #929832, #008C9B, #565A00, #002126)
• Antique Alley color palette (#FCF4E5, #BBB870, #7D874A, #68625C, #38352F)
• Emerald Corridor color palette (#EEF8F0, #CFD5A2, #609B53, #80536D, #082F23)
• Sunlit Delta color palette (#DEF9EE, #CCE7AD, #7CCB88, #797017, #062F25)
• Powdered Veranda color palette (#E1F2EC, #728700, #008076, #8C4500, #001912)

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