Olive Loft color palette — #F3F3E6 · #678B22 · #384200 · #2A291F · #141610

A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Olive Leaf (#678B22): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#384200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#2A291F): quiet, heavy and certain.
• Ink (#141610): quiet, heavy and certain.

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

• Antique Lagoon color palette (#EDF4E9, #009279, #314133, #252B22, #121613)
• Hushed Bronze Corridor color palette (#F9F0E4, #A2730B, #3F3C35, #2D2820, #16150F)
• Ancient Moss color palette (#E2F8F1, #8CA661, #415E5F, #2C3C37, #1C241F)
• Tempered Stone color palette (#E5F6F1, #A6C287, #62837E, #465954, #1B2421)
• Midnight Forest Study color palette (#E4EBDA, #006541, #29333A, #0A2004, #060B00)
• Spruce Parlor color palette (#E1F2DC, #555B62, #113800, #131F1B, #000603)
• Timeworn Villa color palette (#EDFBE1, #4AAD8D, #8880BD, #7C756F, #40443D)
• Turquoise Meadow color palette (#F9F4EC, #C5EBE8, #68A1C1, #407A78, #35514A)

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