Olive Loft color palette — #FAF5E4 · #B9BD7C · #84A2ED · #848700 · #30406A

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

The five colors

• Cream (#FAF5E4): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#B9BD7C): A luminous, balanced green — the color of new leaves after rain.
• Cornflower (#84A2ED): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#848700): A luminous, balanced green — the color of new leaves after rain.
• Navy (#30406A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Gentle Emerald color palette (#F4F7E4, #94C792, #AF92E8, #2F9835, #493769)
• Airy Straw Loft color palette (#E7FBEF, #E8D576, #AFB3FD, #9C8A27, #2C3757)
• Weathered Bronze Workshop color palette (#FFF3E8, #E4A97B, #7AA7E5, #BC6800, #2A4367)
• Quiet Iris Lantern color palette (#E7FBEF, #B0A144, #737EE2, #746600, #393F65)
• Basalt Cabin color palette (#FCF4E4, #C3C09B, #9B8F5E, #8A5E36, #384300)
• Misty Fuchsia color palette (#EFFADB, #50DD98, #D66DCB, #007C4D, #5A1F54)
• Ancient Cabin color palette (#F3F7EC, #EBB79F, #47805C, #234C33, #1F2414)
• Ancient Byzantium color palette (#DEECBF, #9FBF2A, #9946EC, #5E7300, #3F006D)

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