Olive Loft color palette — #F1E0D2 · #BFA54D · #688D22 · #22716C · #221A00

Olive Leaf and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1E0D2): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#BFA54D): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#688D22): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#22716C): A full-bodied, dusty teal — the color of sea glass.
• Ink (#221A00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Timeworn Loft color palette (#EDE1D1, #959F50, #2D8445, #00616E, #0F1100)
• Feathered Lagoon color palette (#EDDEC4, #98B176, #0E9666, #78611C, #131F00)
• Tempered Moss Market color palette (#F1E1D5, #CBB982, #819C51, #866795, #332700)
• Fern Orchard color palette (#FFF4E2, #ABA55A, #536A00, #004926, #090800)
• Jade Market color palette (#FBE9CB, #AECD7C, #2BB079, #1F88A4, #243400)
• Hazy Garden color palette (#CAE4F7, #30ABF5, #9D860A, #9E5D00, #001322)
• Dusty Alley color palette (#F0DFE7, #8D762F, #384C00, #00312D, #000B03)
• Wandering Sky color palette (#D1F4E5, #31BDFC, #B76300, #007AA8, #2C1300)

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