Olive Harbor color palette — #F4F3E3 · #AABB87 · #A191CB · #677A38 · #422734

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

The five colors

• Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#AABB87): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#A191CB): A luminous, balanced violet — the color of wild irises.
• Olive (#677A38): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#422734): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Wandering Cypress Drift color palette (#ECF6E4, #81C3AD, #BF8AA1, #33826B, #472725)
• Antique Olive Lantern color palette (#EBF9F4, #A4B985, #A08DC5, #5F8000, #474A6A)
• Dusty Workshop color palette (#F9F0E6, #D3AC76, #71A0D0, #936825, #063A31)
• Taupe Delta color palette (#F4F4DB, #89A86A, #6A91BA, #9E666E, #292813)
• Bronze Thicket color palette (#FCEFE6, #CDB7A1, #AD7446, #824624, #352A1B)
• Muted Basalt Archive color palette (#F4F3DF, #C9E3CD, #91C3C6, #968A6A, #3E4000)
• Dusty Courtyard color palette (#F8F6E5, #C0EDC9, #D9BEF6, #92A35C, #5E3947)
• Softworn Parlor color palette (#EFF4E8, #D5C09F, #3C6D58, #263800, #11160A)

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