Olive Loft color palette — #D9EEEA · #227E04 · #00322F · #001D1A · #000909

Built around Olive, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D9EEEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#227E04): A full-bodied, vivid green — the color of a quiet forest floor.
• Deep Forest (#00322F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001D1A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000909): A deep, shadowed, dusty teal — the color of sea glass.

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

• Twilit Forest Orchard color palette (#D0ECEA, #006730, #3C3B43, #001F20, #000C0B)
• Tempered Emerald color palette (#D1F0EC, #3B9E3A, #04523D, #002E2A, #021610)
• Softworn Bronze color palette (#E0F0E5, #7E6600, #14330D, #001F0D, #1B0C14)
• Weathered Clover Lagoon color palette (#E1E4CE, #42BF00, #007770, #42423B, #161104)
• Hushed Abyss color palette (#CEE4EA, #605B62, #004243, #212128, #000914)
• Worn Cerulean Courtyard color palette (#E7F4FB, #178BA4, #333D4C, #1F2B31, #0F161B)
• Quiet Plum color palette (#B6FBEF, #009485, #C0385F, #9C3000, #003933)
• Muted Pine color palette (#E6FCE8, #9FAA72, #227C43, #684B14, #383F17)

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