Olive Loft color palette — #DBE9DE · #AEA865 · #677B29 · #794348 · #2E2A00

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

The five colors

• Parchment (#DBE9DE): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#AEA865): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#677B29): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#794348): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#2E2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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

• Olive Courtyard color palette (#FFF3E2, #C5BE72, #698200, #783C43, #201700)
• Washed Pine color palette (#D4EBE3, #8CB087, #168659, #744262, #00312C)
• Timeworn Driftwood color palette (#ECF9F1, #B2BA85, #6B8C53, #845551, #133E31)
• Hushed Forest Station color palette (#DDF4E8, #859C60, #347035, #693425, #141F00)
• Wandering Amber color palette (#FEE1CA, #CA8A00, #927200, #5B5000, #2E3200)
• Wandering Ridge color palette (#D3F3ED, #61C190, #008B76, #7F4E00, #003821)
• Weathered Balcony color palette (#DAEADB, #899255, #00672D, #4A2D67, #272C01)
• Mustard Basin color palette (#EEEFA7, #B3B749, #7E7D00, #454600, #161600)

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