Olive Harbor color palette — #D8F6ED · #478D2D · #00541E · #00363A · #00201C

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

The five colors

• Honeydew (#D8F6ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#478D2D): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#00541E): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#00363A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00201C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Lagoon Study color palette (#D8F2F2, #008E77, #00504A, #00363A, #001F23)
• Olive Alley color palette (#D5F2E1, #7D801C, #3D4B00, #4D1C20, #002116)
• Forest Veranda color palette (#DDF2E8, #66834C, #00531F, #002A51, #040A00)
• Ancient Pine color palette (#E2FCF5, #82A779, #377144, #5E4150, #1F3B37)
• Forest Courtyard color palette (#F5EFD9, #7F9E64, #27713B, #1C4772, #102000)
• Fern Chapel color palette (#DEF5E6, #646000, #292F00, #320007, #070600)
• Denim Archive color palette (#DEEEEB, #5EACB8, #006274, #003E3E, #00232F)
• Wandering Emerald Corridor color palette (#E6F4E4, #ABAC5E, #479346, #89497C, #1C1C00)

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