Olive Harbor color palette — #F6EED5 · #887F00 · #535D00 · #284000 · #001F05

Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F6EED5): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#887F00): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#535D00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#284000): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001F05): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged warm.

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 Bloom color palette (#ECE5CE, #ADA000, #737F00, #3A5E00, #013307)
• Bronze Ridge color palette (#FFECDC, #B57500, #6A4E00, #423900, #1B1B00)
• Pale Olive color palette (#E5E9C9, #4D7800, #1D5800, #002A10, #000D07)
• Pale Harbor color palette (#D6E5D5, #65A24A, #186A07, #053203, #000700)
• Emerald Coast color palette (#DBF1D4, #009758, #006E4D, #003C32, #001C1B)
• Wandering Teal color palette (#CEEDE5, #A1DCB3, #2DB2A8, #5F5A00, #002321)
• Aged Grape Thicket color palette (#D8F7EE, #799D22, #7D23B9, #3A4F00, #1D0031)
• Pine Studio color palette (#BAEBDD, #8DC07B, #008A45, #005A3C, #002E33)

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