Olive Harbor color palette — #E7DFD1 · #B09F00 · #4A7F00 · #09551E · #003F36
A conversation between Olive Leaf and Mustard, giving this palette its sense of nature and growth.
The five colors
- Bone (#E7DFD1): A whisper-light, dusty gold — the color of old brass.
- Mustard (#B09F00): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#4A7F00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#09551E): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Forest (#003F36): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Powdered Moss color palette (#E9EDD0, #9EB255, #6F9722, #3E721C, #1F481A)
- Gentle Amber Chapel color palette (#FAD9CD, #D68600, #807100, #444F00, #213F1D)
- Moss Terrace color palette (#F3E9B5, #88B453, #2D8950, #006851, #254E5B)
- Feathered Moss Alley color palette (#BFF1E4, #6E9D26, #86377D, #793349, #00342B)
- Moss Corridor color palette (#FFE6D4, #C8BAFF, #9F9400, #163433, #151D19)
- Frosted Meadow color palette (#D1F9EF, #64A200, #9460AB, #3C6401, #412B4B)
- Wandering Delta color palette (#E7E8CE, #367F00, #004F2D, #002524, #010E19)
- Moss Corridor color palette (#E0EECD, #0FB32D, #00765F, #004F52, #17314D)
Browse the whole catalog at Explore, or see today's palette.