Olive Loft color palette — #F5E9DA · #6D6C0C · #044309 · #260B47 · #030300

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

The five colors

• Parchment (#F5E9DA): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#6D6C0C): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#044309): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#260B47): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Pine Boulevard color palette (#E5DFC5, #227A44, #00403B, #390032, #020300)
• Washed Olive color palette (#F2E7D8, #796C00, #333D00, #450216, #131000)
• Aubergine Thicket color palette (#F0E7CD, #5B4600, #4400A0, #460054, #020100)
• Wandering Corridor color palette (#D2E8D4, #9D8F2D, #485400, #4F0F1F, #010100)
• Tempered Navy Station color palette (#F3ECD6, #635E00, #004694, #2E2B00, #00020C)
• Worn Orchard color palette (#D7ECD5, #8A8900, #0E6415, #3F2A62, #111100)
• Tempered Courtyard color palette (#ECEADB, #5A9E7C, #006262, #52293E, #0E1500)
• Softworn Cerulean Balcony color palette (#F1E4DE, #339AA5, #005070, #002E19, #00021A)

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