Olive Loft color palette — #FFF1F4 · #EDBFBD · #AB8F84 · #70762F · #41554B

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Oat (#EDBFBD): A whisper-light, dusty orange — the color of toasted spice.
• Dusty Rose (#AB8F84): A luminous, dusty orange — the color of autumn markets.
• Olive (#70762F): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#41554B): A full-bodied, dusty teal — the color of glacier melt.

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

• Muted Bronze color palette (#FFE0D9, #CBA08B, #9B6F33, #40573E, #1F413F)
• Worn Olive color palette (#FAD7C3, #C79644, #6F7A00, #005475, #18366B)
• Ash Thicket color palette (#F2F4FF, #D5C9E2, #B99FB3, #708C94, #41565C)
• Hushed Mallow color palette (#FFF0F1, #EE9EC4, #B96C7D, #825054, #504C45)
• Patina Coral color palette (#FFF2EE, #D4797E, #729564, #5F789A, #503D37)
• Hushed Fern Alley color palette (#F4F7EA, #B5C8A3, #508E87, #735F6A, #3C5717)
• Blush Hollow color palette (#FFF2EE, #ED919F, #45AAAB, #9F5B66, #3E543F)
• Bronze Basin color palette (#FFE6E0, #9D6300, #4C4500, #00333E, #270F29)

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