Olive Harbor color palette — #F8F2DC · #6F6E00 · #004D80 · #4A1751 · #110500
A conversation between Olive and Royal Purple, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F2DC): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#6F6E00): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#004D80): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#4A1751): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#110500): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Linen Olive color palette (#F2F3E2, #3C7A26, #3C3F87, #600D34, #110800)
- Navy Cabin color palette (#FDF0E0, #895F00, #005C6C, #362A71, #190200)
- Hushed Thicket color palette (#EEEFDF, #538E31, #005D7C, #501259, #230D00)
- Dusty Balcony color palette (#E2FBF6, #457530, #005750, #560054, #00211C)
- Midnight Navy color palette (#EAE7D0, #405000, #001D7B, #32002F, #030100)
- Muted Garden color palette (#D3EAD5, #006A6A, #761562, #411A00, #020500)
- Weathered Aubergine Alley color palette (#EAF9F3, #A0991D, #0066AB, #742382, #2D1323)
- Jade Market color palette (#F1F8E8, #00AD6F, #00739E, #004983, #110400)
Browse the whole catalog at Explore, or see today's palette.