Olive Harbor color palette — #E8E1C7 · #878600 · #725E00 · #563800 · #020400

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

The five colors

• Parchment (#E8E1C7): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#878600): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#725E00): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#563800): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#020400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Olive Harbor 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

• Dusty Bronze Orchard color palette (#FFE7D0, #A87614, #8B4E00, #652C11, #060300)
• Inked Olive Workshop color palette (#D8F2DF, #72782F, #493A00, #1E0E00, #000200)
• Timeworn Mulberry color palette (#F5DCD7, #DE4F82, #7E5F00, #A10050, #030100)
• Scarlet Grove color palette (#FDD5D5, #DE3B00, #944800, #573600, #040200)
• Washed Bronze Archive color palette (#FFE3CB, #CA9344, #B86300, #87452E, #201400)
• Sunlit Mustard color palette (#EEDDAD, #C6BD10, #B49000, #986510, #242D00)
• Hushed Mulberry Ridge color palette (#F6E0DF, #AA7F00, #820758, #2C011B, #070000)
• Chalky Raspberry color palette (#D8F1F2, #8D8100, #CC00A1, #200017, #060001)

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