Olive Harbor color palette — #F5F1D9 · #7F7800 · #535500 · #303900 · #0C1500

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

The five colors

• Cream (#F5F1D9): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#7F7800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#535500): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#303900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0C1500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance. Tagged 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

• Hushed Bronze Alley color palette (#EDE2D6, #9E8200, #696E00, #245200, #001E0A)
• Tempered Moss Chapel color palette (#E9E4C8, #918B00, #4F5200, #202700, #010200)
• Olive Delta color palette (#DBE1D3, #668400, #00728C, #3A4D00, #001219)
• Soft Bronze Canyon color palette (#FDDDCB, #B06100, #7A4700, #442A00, #180D00)
• Mint Study color palette (#E4EFDC, #7BC379, #3DA27B, #505F00, #061F00)
• Frosted Pine color palette (#CDEBD0, #008E4D, #006C48, #004331, #001A14)
• Olive Ridge color palette (#E3ECDA, #4F7300, #006968, #6E3C00, #040900)
• Powdered Moss color palette (#EFF0E1, #99AD00, #648800, #375C00, #164000)

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