Olive Harbor color palette — #DCDFF0 · #568C23 · #31095E · #0E0023 · #050003
Olive Leaf and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DCDFF0): A whisper-light, dusty violet — the color of wild irises.
- Olive Leaf (#568C23): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#31095E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#0E0023): A deep, shadowed, dusty violet — the color of wild irises.
- Black (#050003): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Twilit Olive Thicket color palette (#ECE9FF, #5C7800, #2D141F, #32003B, #0B000F)
- Charred Navy color palette (#D7E2F3, #9F7100, #00176E, #000429, #020108)
- Pale Aubergine color palette (#E8DFFE, #889F00, #65005F, #32002E, #120A20)
- Powdered Grape Veranda color palette (#FFE6F0, #7ABA53, #7944C1, #402B62, #080003)
- Wandering Market color palette (#E9D8E7, #968F3E, #680717, #320006, #120612)
- Aubergine Study color palette (#EBD9DD, #B25C4D, #430055, #110018, #040001)
- Aubergine Orchard color palette (#E7E5F6, #C97A6C, #602872, #2D003A, #03000E)
- Misty Parlor color palette (#FDF0FF, #ABA731, #850C39, #4B041D, #221524)
Browse the whole catalog at Explore, or see today's palette.