Olive Harbor color palette — #EFF7F3 · #B3B375 · #487E3D · #656300 · #0A2A26

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

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Sage (#B3B375): A luminous, balanced green — the color of new leaves after rain.
• Olive (#487E3D): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#656300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#0A2A26): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Chestnut Market color palette (#FDF2F6, #D5A379, #826E02, #8C4E00, #16291E)
• Weathered Summit color palette (#ECF8F6, #96BA93, #008079, #0E7415, #0F282D)
• Antique Lantern color palette (#EDF4EE, #CAB171, #008873, #7C6000, #021113)
• Hushed Pine Station color palette (#DEF7CE, #99BF97, #328955, #005D41, #004639)
• Aged Pine Alley color palette (#E4FBF3, #7CA478, #007D59, #005478, #124643)
• Dusty Bronze Loft color palette (#FAF4EB, #DFC07E, #00A3A7, #A17900, #1C271D)
• Olive Summit color palette (#F0F7F5, #D2DCDE, #AEC4CB, #687E2D, #404A47)
• Linen Terrace color palette (#E9F9F9, #00BE8B, #00727F, #006649, #00212C)

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