Olive Loft color palette — #F5F6EA · #CFDED2 · #B1C0A8 · #307100 · #0D0E01

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

The five colors

• Ivory (#F5F6EA): bright and airy, almost weightless.
• Silver (#CFDED2): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#B1C0A8): A luminous, dusty green — the color of new leaves after rain.
• Olive (#307100): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#0D0E01): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Dusty Chestnut color palette (#FBF4E9, #D6DCCC, #BEBDA1, #765C00, #130B00)
• Dusty Cypress Lantern color palette (#F1F7EF, #CCDEDA, #A6C3B4, #006F66, #070F06)
• Patina Study color palette (#E1E9E7, #A3B8B9, #6D94A3, #344D00, #000E0A)
• Hushed Forest color palette (#F9F6E4, #7DB36E, #007244, #38410E, #010B00)
• Nocturne Workshop color palette (#DBE1D4, #007151, #2E363C, #001715, #010100)
• Muted Moss Quarry color palette (#DFDFD5, #B5C4BB, #90ADA8, #589300, #21200B)
• Patina Emerald color palette (#FFECC5, #43A146, #006259, #43005B, #000502)
• Tempered Terrace color palette (#D6E4D9, #6FB0A4, #357689, #563353, #360515)

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