Olive Harbor color palette — #E2DFD1 · #96A000 · #5A8900 · #155F05 · #00381B
Olive Leaf and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#E2DFD1): a clean, paper-quiet neutral.
- Moss (#96A000): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#5A8900): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#155F05): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#00381B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Wandering Moss color palette (#EBE2D3, #B5AE00, #6E9A00, #00803A, #003229)
- Chalky Studio color palette (#F3EADD, #A39211, #506600, #004E27, #00362A)
- Airy Basin color palette (#DFF1D6, #53B55D, #008E5A, #005E4D, #003532)
- Softworn Pine Atelier color palette (#C6F8CB, #71C484, #068F3D, #005226, #001D05)
- Sunlit Olive color palette (#CFFFF8, #93EDCB, #65CACE, #6B7C1D, #0C3E25)
- Ancient Studio color palette (#FFECE0, #DA8613, #976A00, #625000, #2F2C00)
- Softworn Clover color palette (#C7E6DF, #81BD56, #A966BF, #346300, #3A1646)
- Emerald Canyon color palette (#E7F5E4, #35A021, #4477D2, #B5323D, #072703)
Browse the whole catalog at Explore, or see today's palette.