Olive Loft color palette — #E0E1CC · #668000 · #1A5800 · #003B18 · #002618

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

The five colors

• Bone (#E0E1CC): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#668000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#1A5800): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003B18): A deep, shadowed, balanced teal — the color of glacier melt.
• Onyx (#002618): A deep, shadowed, dusty teal — the color of sea glass.

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

• Emerald Archive color palette (#DFEBD2, #079A26, #005C32, #003C2C, #002329)
• Aged Courtyard color palette (#F7E6CA, #866E00, #554D00, #283100, #0E2000)
• Hushed Pine color palette (#D3F6DF, #00925C, #005434, #002314, #000A03)
• Washed Mint color palette (#BFECCC, #1FD2B1, #009AA9, #425700, #002D20)
• Hushed Aubergine Coast color palette (#C3E7E2, #27942F, #7D007E, #03460B, #310031)
• Quiet Loft color palette (#D7E8D8, #00A26A, #00785B, #004F48, #023344)
• Timeworn Veranda color palette (#DEF8E2, #006D32, #2B2FC2, #750A00, #001706)
• Sunlit Quarry color palette (#E0F2BF, #7DBC65, #338B4B, #166947, #225156)

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