Olive Harbor color palette — #FDF4E5 · #B9C090 · #448939 · #50487C · #181A00

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

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#B9C090): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#448939): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#50487C): A full-bodied, balanced violet — the color of wild irises.
• Ink (#181A00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Softworn Lagoon color palette (#FBF5E0, #A0C898, #008B67, #005B6A, #031F00)
• Wandering Terrace color palette (#FBF5E7, #C6D8AC, #60996F, #695A87, #2C2905)
• Ancient Aubergine Parlor color palette (#FDF5DD, #88AF76, #00724C, #4F2469, #020A00)
• Antique Forest color palette (#D8EADC, #869444, #136619, #3E3660, #033125)
• Faded Emerald color palette (#D6EAE3, #9CC985, #3DAA4B, #2A8389, #05302A)
• Dusty Azure Alley color palette (#FFF2EC, #CFEFD5, #00A0CC, #006D51, #00203A)
• Weathered Corridor color palette (#FFF1F2, #F094DC, #6A9F00, #9B0088, #101D00)
• Navy Dune color palette (#F2DDC7, #9D8E44, #415600, #271E5E, #020100)

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