Olive Harbor color palette — #D5E5D8 · #BF9300 · #5D8100 · #816200 · #000202
Olive Leaf takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Bone (#D5E5D8): A whisper-light, dusty teal — the color of glacier melt.
- Mustard (#BF9300): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#5D8100): A full-bodied, balanced green — the color of new leaves after rain.
- Ochre (#816200): A full-bodied, balanced gold — the color of old brass.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.
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 Moss color palette (#DDF1EA, #8EA700, #008861, #5F7000, #000201)
- Softworn Tangerine color palette (#EEDEE5, #EA7400, #906D00, #9F4D00, #030200)
- Olive Station color palette (#E3E0BF, #899100, #3A7A00, #00525A, #090D00)
- Pine Pier color palette (#FFE7EE, #A46500, #278225, #71004D, #060000)
- Aged Bronze Orchard color palette (#DBE6DF, #9CB6B7, #7F9DA0, #827200, #07180F)
- Frosted Bronze Market color palette (#F0DDE3, #BA6E00, #00651F, #653900, #000300)
- Bronze Studio color palette (#F6ECD9, #7F6400, #1D4000, #352800, #010100)
- Emerald Studio color palette (#CBF1E4, #C8AE00, #93AB00, #1E9A1A, #050B00)
Browse the whole catalog at Explore, or see today's palette.