Olive Loft color palette — #F2EDDF · #576D00 · #013E09 · #000F14 · #010200

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

The five colors

• Cream (#F2EDDF): bright and airy, almost weightless.
• Olive (#576D00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#013E09): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000F14): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#010200): quiet, heavy and certain.

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

• Lowlit Fern color palette (#E1E2C5, #316300, #00332E, #000910, #020100)
• Chestnut Field color palette (#FAEDD5, #835A00, #393200, #00110B, #020100)
• Timeworn Quarry color palette (#E8DFCC, #7F8000, #364200, #211B00, #010100)
• Eclipse Cocoa color palette (#F4E3DC, #604500, #002C19, #1D001B, #030400)
• Softworn Courtyard color palette (#FFEBCC, #788200, #006C3C, #391A8F, #020400)
• Aged Moss color palette (#E6E5D4, #A6A800, #629400, #006C2E, #000200)
• Dusty Meadow color palette (#D4EED4, #4A8969, #005C52, #002139, #000211)
• Hushed Orchard color palette (#FDF6D3, #03C335, #007E5D, #004465, #001808)

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