Olive Loft color palette — #E3E4D2 · #6E7E00 · #2D5F00 · #013708 · #002314

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

The five colors

• Parchment (#E3E4D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#6E7E00): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#2D5F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#013708): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#002314): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Wandering Courtyard color palette (#F4E7D7, #8A6C00, #544D00, #313300, #002311)
• Worn Olive color palette (#F0E8DC, #8F8900, #367100, #004B2C, #002A25)
• Antique Emerald Drift color palette (#CCEAD4, #31995D, #004F2C, #00230C, #001104)
• Cerulean Hollow color palette (#EAF1D4, #71C8AC, #009FAA, #465300, #00301E)
• Aged Courtyard color palette (#E5E9D4, #006E24, #1E38BB, #770209, #001703)
• Cellar Cypress color palette (#CCEEDD, #00745D, #003F3C, #001C1F, #01070F)
• Feathered Aubergine color palette (#E8EBD4, #3D9227, #78008A, #104600, #2F0037)
• Feathered Emerald color palette (#DBECD9, #00AE54, #007B57, #005449, #043848)

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