Olive Loft color palette — #D7F5DE · #746900 · #483500 · #2B1700 · #0A0D00

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

The five colors

• Honeydew (#D7F5DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#746900): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#483500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#2B1700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0A0D00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Tempered Bronze Coast color palette (#F6E8D0, #A28F40, #896900, #664500, #0D0C00)
• Softworn Bronze Lantern color palette (#F9D3E4, #8F5A00, #582A00, #370900, #001003)
• Bronze Study color palette (#D4E6D2, #A78112, #764B00, #532B0C, #0B2B1D)
• Obsidian Navy color palette (#D4DFF5, #896600, #0D0160, #1D0E1E, #01001E)
• Nightshade Delta color palette (#D9DEFC, #3800BD, #4B2F00, #152100, #03001C)
• Amber Chapel color palette (#FFE7F0, #CD8F1F, #965816, #6D3923, #183E27)
• Worn Market color palette (#E2FDEF, #A0AF70, #79753A, #3C5A44, #29433E)
• Aubergine Field color palette (#D9E0FB, #3F0086, #341E00, #001402, #000305)

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