Olive Harbor color palette — #EDF9F0 · #9EA062 · #4F6E1C · #31543D · #213C31
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EDF9F0): a clean, paper-quiet neutral.
- Moss (#9EA062): A luminous, balanced green — the color of fresh herbs.
- Olive (#4F6E1C): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#31543D): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#213C31): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Weathered Cypress color palette (#E9F9F6, #7BA78C, #007461, #22554E, #123D3D)
- Feathered Emerald color palette (#CDF5EC, #24AC64, #006A54, #2B4E0B, #00381B)
- Taupe Canyon color palette (#FCF5E4, #CCCE95, #99A86A, #8D8457, #37352F)
- Mustard Parlor color palette (#FFF3E5, #B9BA69, #5C8F5B, #68625C, #37352F)
- Tempered Orchard color palette (#D8E9DF, #71833A, #195300, #352F00, #171E00)
- Timeworn Ridge color palette (#DEFCFF, #A3ECF4, #67BFE9, #448156, #26444C)
- Ancient Lagoon color palette (#EBF8F7, #9CCBCC, #508E85, #496E6A, #3F5152)
- Hazy Field color palette (#D7F5F8, #00A683, #C8387D, #006650, #532237)
Browse the whole catalog at Explore, or see today's palette.