Olive Loft color palette — #FFF1F5 · #EED999 · #ADAB49 · #507713 · #184624

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Wheat (#EED999): A whisper-light, balanced green — the color of new leaves after rain.
• Gold (#ADAB49): A luminous, balanced green — the color of fresh herbs.
• Olive (#507713): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#184624): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Pale Courtyard color palette (#DBFFED, #CBE29C, #7CBD70, #00814C, #00493B)
• Mustard Veranda color palette (#FFE6CB, #CEA730, #818300, #465F25, #2C4A30)
• Frosted Lime Quarry color palette (#FFEEBD, #B0B900, #618900, #006730, #003223)
• Pale Study color palette (#FFF0FD, #FFCBB7, #D88A42, #8D5F00, #4E4202)
• Fern Meadow color palette (#D8FFF4, #99EAE8, #8AB767, #4F6900, #182300)
• Olive Delta color palette (#E6EACC, #568400, #004B1F, #001C15, #000201)
• Linen Moss color palette (#E6FBF4, #CADE9C, #AFB2FF, #7A9700, #33335D)
• Weathered Loft color palette (#E4FBF3, #C1E7F5, #A6B9D7, #C39D55, #27504B)

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