Olive Loft color palette — #F1EDDE · #2C7800 · #00482D · #002231 · #000801

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

The five colors

• Cream (#F1EDDE): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#2C7800): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#00482D): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#002231): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000801): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Inked Bloom color palette (#EDF3E2, #006640, #003730, #00142D, #000201)
• Patina Olive Veranda color palette (#D5F2DB, #4B7400, #004837, #300657, #001D03)
• Tempered Chestnut color palette (#E3DECD, #796200, #3A4000, #002421, #070500)
• Olive Boulevard color palette (#F4ECCC, #668512, #265000, #292D00, #090800)
• Onyx Delta color palette (#E0E1C7, #00746C, #00444C, #19065A, #000707)
• Dusty Navy color palette (#E3E9DA, #009574, #005F5C, #001E86, #001712)
• Emerald Workshop color palette (#EBEEDB, #8DB500, #019226, #006B50, #000701)
• Muted Aubergine Dune color palette (#FAE7E0, #878500, #00665E, #610057, #071C00)

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