Olive Harbor color palette — #F8DFF0 · #7F7D00 · #4F1000 · #160200 · #040002

A conversation between Olive Leaf and Espresso, giving this palette its sense of nature and growth.

The five colors

• Blush (#F8DFF0): A whisper-light, dusty pink — the color of a candy shop window.
• Olive Leaf (#7F7D00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#4F1000): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#160200): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Midnight Bronze color palette (#FFE7EF, #7B6600, #2E2F29, #2F1800, #060200)
• Worn Cocoa color palette (#FFECE1, #94984A, #782500, #340B00, #060100)
• Velvet Dune color palette (#E5E0EE, #3E8D33, #4C003E, #15000F, #020006)
• Timeworn Orchard color palette (#FFE8DF, #9F6500, #4B4400, #062600, #000605)
• Pale Study color palette (#FAEBF5, #C44C33, #004F46, #661100, #000102)
• Tempered Chestnut Balcony color palette (#FEECF5, #BEB576, #7A4625, #3B1B2D, #14080F)
• Weathered Amber color palette (#C8E6DF, #BB7E4C, #234300, #081600, #000202)
• Muted Cocoa Parlor color palette (#DAE1DA, #A3B9AF, #6E9693, #5D3C00, #030E03)

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