Olive Harbor color palette — #F3E8DE · #978C76 · #6F6F26 · #412000 · #030100

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

The five colors

• Parchment (#F3E8DE): bright and airy, almost weightless.
• Caramel (#978C76): A luminous, dusty gold — the color of honey in a jar.
• Olive (#6F6F26): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#412000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Aged Spruce Studio color palette (#E8E7DB, #9AA48C, #68846C, #2C3D00, #050400)
• Wandering Station color palette (#F4E5EA, #ABC1B1, #789B8B, #563300, #040001)
• Weathered Chestnut Veranda color palette (#EDE8E1, #CECCBD, #9FA88E, #6E4F0C, #1D1407)
• Powdered Scarlet Pier color palette (#F3EED7, #E4132E, #7E5A00, #004738, #010100)
• Lowlit Fern Alley color palette (#F2D9CD, #615C00, #003F2C, #2D0C1A, #0A0003)
• Charred Drift color palette (#F8E9CD, #525A62, #332900, #101610, #000300)
• Worn Bronze color palette (#F4F2EA, #D1DCD3, #ACC4BC, #86742B, #2F2C22)
• Obsidian Cocoa Study color palette (#F4DDC1, #6E3400, #172900, #07002F, #020100)

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