Olive Harbor color palette — #F1E9DD · #918E00 · #3E7300 · #005332 · #002B23

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

The five colors

• Parchment (#F1E9DD): bright and airy, almost weightless.
• Olive Leaf (#918E00): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#3E7300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005332): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Forest (#002B23): 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 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

• Softworn Olive color palette (#E9E0CA, #A39D00, #307D00, #003E29, #001311)
• Frosted Moss color palette (#E6E9D7, #5CA02C, #007859, #004845, #002329)
• Bronze Thicket color palette (#F7DFD4, #AC7B00, #726000, #2F4900, #012D05)
• Hushed Jade color palette (#D9F5E1, #3EB57D, #00744B, #003B17, #001007)
• Clover Archive color palette (#E3E9CA, #45BA28, #008F6E, #005F5C, #003841)
• Worn Jade Workshop color palette (#D2F8E1, #B7BF7F, #64AB61, #007C57, #005853)
• Tempered Station color palette (#CCF0E7, #75D8CA, #51ACEE, #7F5F00, #002F1E)
• Powdered Courtyard color palette (#CCF0ED, #29B264, #813EB1, #006432, #290041)

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