Olive Loft color palette — #F5F6EA · #9BBA91 · #AC8BB4 · #597E4C · #65414A

A conversation between Fern and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F6EA): bright and airy, almost weightless.
• Sage (#9BBA91): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AC8BB4): A luminous, dusty pink — the color of neon signs at night.
• Fern (#597E4C): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#65414A): A full-bodied, dusty red — the color of a theater curtain.

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

• Timeworn Drift color palette (#F2F3E4, #9BBF93, #B08DBD, #4B813D, #48242F)
• Worn Lagoon color palette (#FCF4E6, #C3AE77, #8496CF, #857035, #604259)
• Aged Cypress Atelier color palette (#EEF9EC, #79BFB6, #C8828C, #0C847B, #64443D)
• Wandering Lagoon color palette (#EAF9F8, #A0D2B6, #B3A6E8, #43A175, #4F466D)
• Aged Hollow color palette (#F4F8E3, #70A872, #6E88C1, #A4615B, #42433C)
• Dusty Bronze color palette (#FFF3E7, #CAB495, #A6753D, #854E21, #5B4400)
• Wandering Harbor color palette (#F4F7E7, #B9E2E0, #95C3CD, #91873E, #425611)
• Weathered Ridge color palette (#F2F7F0, #D4BC98, #316A5F, #2E3E26, #1E2824)

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