Olive Harbor color palette — #FFE2EA · #5E7100 · #300044 · #170B03 · #06000C

Olive takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#FFE2EA): A whisper-light, dusty rose — the color of pressed rose petals.
• Olive (#5E7100): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#300044): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#170B03): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#06000C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged luxury, dark, 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

• Obsidian Navy color palette (#EFD9E8, #646F00, #130062, #100301, #010015)
• Midnight Olive color palette (#FFE6E0, #716A00, #3F0017, #171306, #0A0002)
• Deep Onyx Summit color palette (#E9EAFF, #00805F, #2C0046, #2C1321, #090013)
• Aged Aubergine color palette (#EAE5F9, #A57C00, #5A1259, #20001F, #03000B)
• Hushed Garnet color palette (#FFE6DF, #9C9000, #6E0020, #2A0007, #050000)
• Antique Garnet color palette (#EDDEDC, #AF9B92, #A36E3C, #670033, #0D0101)
• Tempered Mustard color palette (#FAF0E8, #CAB262, #7A4623, #39210B, #130A05)
• Pale Plum Corridor color palette (#F9E0E2, #AC00A0, #493100, #4A0044, #020100)

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