Olive Loft color palette — #FFF3EB · #AD986F · #5D6B00 · #544265 · #39352F

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

The five colors

• Ivory (#FFF3EB): a clean, paper-quiet neutral.
• Taupe (#AD986F): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#5D6B00): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#544265): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#39352F): a grounded near-black with real depth.

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

• Timeworn Pine color palette (#FEF3E5, #9AA06F, #33723F, #19545C, #37352F)
• Chalky Workshop color palette (#F0E2D2, #8F904D, #096713, #423460, #312809)
• Hushed Pine color palette (#FCF4EA, #B3B381, #4B8347, #734E54, #514100)
• Aged Aubergine Terrace color palette (#FDE8ED, #BB82D4, #768100, #672381, #34390B)
• Washed Cobalt color palette (#FCF3EB, #9ED2C0, #5673C6, #00605D, #3E3359)
• Aged Apricot color palette (#FFF1F7, #FCC1E2, #F59176, #4D74A1, #50343B)
• Patina Terrace color palette (#FFF1F5, #D8CA90, #96A968, #7482AC, #193E2A)
• Softworn Drift color palette (#F8ECDE, #687315, #00441C, #410030, #0E1100)

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