Olive Harbor color palette — #F8EED6 · #A7923F · #766B00 · #404000 · #232700
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8EED6): A whisper-light, dusty gold — the color of honey in a jar.
- Moss (#A7923F): A luminous, balanced green — the color of new leaves after rain.
- Olive (#766B00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#404000): A deep, shadowed, dusty green — the color of fresh herbs.
- Onyx (#232700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Airy Courtyard color palette (#FFE0CA, #BD7E43, #895700, #573900, #2A1D00)
- Dusty Amber color palette (#F3DDC7, #C58B00, #7E7200, #435600, #2B451E)
- Worn Coast color palette (#F2EDC9, #7B7500, #474B00, #1D2500, #060E00)
- Misty Moss color palette (#FFF3E8, #DDB76A, #A99500, #4F5E00, #163100)
- Softworn Olive color palette (#C8F8E9, #A0B273, #5A7200, #2C3C00, #070C00)
- Faded Olive Market color palette (#DCE3CC, #7F9C4E, #3F8000, #104E03, #002608)
- Raspberry Terrace color palette (#DCEEE5, #99954B, #BC556D, #5C5800, #3B0014)
- Antique Boulevard color palette (#E1F8F0, #ACE4EF, #95C89D, #6F6B00, #002920)
Browse the whole catalog at Explore, or see today's palette.