Olive Harbor color palette — #F2F3E7 · #9FBE94 · #AE8DC1 · #478330 · #3C2747

Olive Leaf and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F3E7): bright and airy, almost weightless.
• Sage (#9FBE94): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#AE8DC1): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#478330): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#3C2747): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. 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

• Olive Meadow color palette (#EBF9F6, #97BC8E, #B186C2, #518145, #4C4A62)
• Softworn Cypress Cabin color palette (#EEF5E8, #88C1AD, #C7859F, #008568, #4A2422)
• Bronze Drift color palette (#F8F1E3, #C2B286, #8699D5, #8B6E00, #252F50)
• Muted Field color palette (#F1F4E3, #7FA980, #6F8CCC, #B45954, #272A10)
• Bronze Pier color palette (#FCF0E4, #CBB89D, #A87740, #754D38, #322B1C)
• Cypress Veranda color palette (#EFF3ED, #D5C09F, #236F63, #003A32, #10160E)
• Raspberry Veranda color palette (#EDF6DF, #3DC388, #BA3890, #006D46, #3F002D)
• Weathered Moss Pier color palette (#F7F6E9, #CEE7C1, #ECB8E4, #84A93F, #5A3956)

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