Olive Harbor color palette — #EFF7F6 · #D3DBDE · #AFC3CC · #5B8050 · #3B4C49

Fern takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D3DBDE): a clean, paper-quiet neutral.
• Ash (#AFC3CC): A luminous, dusty blue — the color of deep harbor water.
• Fern (#5B8050): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3B4C49): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Pine color palette (#EBF9F4, #89BBB2, #577F5A, #516035, #264A44)
• Petrol Dune color palette (#F0F6FA, #D5D9E2, #A7B5C1, #007083, #2D3D45)
• Muted Abyss Coast color palette (#E1E8ED, #B1BAC2, #7D90A4, #004C62, #0B222E)
• Washed Spruce color palette (#D7E2E0, #9DADAD, #61878A, #004418, #001817)
• Ancient Field color palette (#DFFBFF, #99B2BA, #6C8B9A, #58637E, #55455F)
• Worn Lantern color palette (#D6E9E9, #00865F, #10393E, #082425, #060F12)
• Airy Bloom color palette (#E4FBFA, #BCEFB4, #75D89E, #00A28F, #164E38)
• Dusty Courtyard color palette (#E6FBF4, #69A784, #007B6C, #104F8A, #174547)

Browse the whole catalog at Explore, or see today's palette.