Olive Harbor color palette — #FFE7DB · #DFA585 · #B59065 · #5C7D44 · #383A33

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

The five colors

• Rose Water (#FFE7DB): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#DFA585): A luminous, balanced orange — the color of toasted spice.
• Caramel (#B59065): A luminous, dusty gold — the color of honey in a jar.
• Olive (#5C7D44): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#383A33): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Taupe Field color palette (#F5E0EE, #D9ABA5, #C37C81, #8B6C34, #3F3C35)
• Antique Stone color palette (#F2E3CC, #CAB875, #979E6C, #287F6E, #004042)
• Hushed Bronze color palette (#EBD8E6, #D1949A, #A9722C, #2D5E7B, #193D32)
• Hushed Boulevard color palette (#F8DDC1, #B39553, #877F03, #01614A, #002523)
• Ancient Terrace color palette (#FFF0FB, #FCACAA, #A88B63, #3A5F71, #003142)
• Weathered Delta color palette (#FFF4E0, #D5DFBE, #B2C7A5, #91A28D, #4A564D)
• Wandering Cypress color palette (#E8E4C2, #73926C, #367554, #005164, #001322)
• Hushed Moss color palette (#E8E5D5, #AAC584, #60A53C, #9B6654, #212E09)

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