Olive Harbor color palette — #F8E1D9 · #746900 · #400007 · #161509 · #0B0000

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

The five colors

• Shell Pink (#F8E1D9): A whisper-light, dusty orange — the color of toasted spice.
• Olive (#746900): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#400007): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#161509): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0B0000): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, 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

• Chestnut Hollow color palette (#FAE8D8, #6B5600, #25302F, #220E00, #030100)
• Aged Pier color palette (#F0D6EE, #958400, #6E0016, #260003, #050005)
• Obsidian Bronze color palette (#E4DFCF, #9F6D00, #2C2C00, #0F191B, #080800)
• Antique Delta color palette (#FFEFDC, #C8A33C, #694300, #2F1C00, #0E0600)
• Patina Basalt color palette (#F0E8E1, #AA9E8A, #788251, #522A00, #090300)
• Worn Chestnut color palette (#F8F0EA, #D3C19A, #875236, #4D2500, #1A120C)
• Charred Corridor color palette (#F0DCC1, #814200, #2E3200, #140042, #030100)
• Softworn Atelier color palette (#F6E7E0, #BC2418, #004312, #550201, #000200)

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