Olive Harbor color palette — #FFF1F7 · #E2C29A · #A9A656 · #62873C · #255553
Olive Leaf takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Sand (#E2C29A): A whisper-light, dusty gold — the color of old brass.
- Moss (#A9A656): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#62873C): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#255553): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Tempered Ridge color palette (#EDF8F4, #BBCC9E, #A4ABEC, #7E9747, #3F4C6C)
- Worn Moss color palette (#FFF3E3, #CBB978, #968E1F, #616928, #4C4C45)
- Washed Lagoon Atelier color palette (#D6F8E4, #B8CC99, #76B47E, #008872, #2D5664)
- Bronze Thicket color palette (#FDF0FF, #F0B4AA, #C58A5E, #9C6F21, #325846)
- Emerald Quarry color palette (#EEE7CD, #9FAF60, #43983C, #006854, #003E42)
- Washed Olive Chapel color palette (#DFFDF3, #AFE3D2, #95AA6C, #55752D, #344017)
- Hushed Emerald Study color palette (#D6E4CC, #00934E, #006157, #003B42, #00151F)
- Dusty Driftwood Delta color palette (#E6FBF3, #AAB886, #AB98DA, #AB75A9, #2F4840)
Browse the whole catalog at Explore, or see today's palette.