Olive Harbor color palette — #ECEDDB · #87B46B · #0077BC · #3D7400 · #00110C

Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#ECEDDB): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#87B46B): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#0077BC): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#3D7400): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#00110C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Cobalt Garden color palette (#F2EADB, #BBA446, #0078B7, #756200, #00110C)
• Hushed Olive color palette (#F5F6EB, #8EC684, #7B74C5, #428436, #24111D)
• Misty Sapphire color palette (#E8FAF5, #A0CC59, #3F62FA, #4F7000, #000107)
• Weathered Denim color palette (#DFEDD3, #009173, #0061A9, #6F1C00, #091500)
• Ancient Grape color palette (#EDF2DD, #4BA967, #6A3EC0, #00642E, #0B0005)
• Powdered Mint color palette (#E9EDE2, #51DA8D, #00A3D0, #00A25C, #001209)
• Byzantium Harbor color palette (#E7EEE3, #12BFA0, #9D45B3, #007460, #1F010B)
• Emerald Coast color palette (#E1EEEE, #29A061, #005675, #004F2A, #000F18)

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