Olive Harbor color palette — #F7E1EC · #377A0A · #220057 · #140602 · #030012
A conversation between Olive and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F7E1EC): A whisper-light, dusty rose — the color of a warm blush.
- Olive (#377A0A): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#220057): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#140602): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#030012): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.
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
- Nocturne Fern Coast color palette (#F3DBDF, #476300, #25002C, #110402, #030004)
- Inked Navy Station color palette (#F5E5F3, #826300, #030A60, #000017, #080002)
- Pale Aubergine Veranda color palette (#E1E6FB, #669336, #41008F, #130034, #01000F)
- Muted Olive color palette (#FBE4E0, #7F7D12, #530020, #101913, #170005)
- Twilit Bronze color palette (#F1DAF2, #975500, #001E40, #1A131D, #00030A)
- Lowlit Onyx color palette (#FADAE5, #A64D49, #2A0049, #150701, #080014)
- Tempered Aubergine Lantern color palette (#E9DCDD, #AE9B98, #AA684B, #581156, #0C0203)
- Garnet Archive color palette (#F6E4E3, #A2A661, #6D2D4A, #310E1E, #0D0202)
Browse the whole catalog at Explore, or see today's palette.