Olive Harbor color palette — #F4D9E0 · #DC8445 · #51780E · #2F416B · #0D2058

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

The five colors

• Shell Pink (#F4D9E0): A whisper-light, dusty red — the color of late-summer berries.
• Mustard (#DC8445): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#51780E): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#2F416B): A deep, shadowed, dusty violet — the color of wild irises.
• Midnight (#0D2058): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Hushed Meadow color palette (#FCE5EC, #C98F57, #5B7845, #4B3565, #2C0F46)
• Soft Driftwood color palette (#FFE2E8, #DD9764, #8A862B, #435EA0, #3F3160)
• Coral Thicket color palette (#F9E5F6, #EE6867, #8B6B00, #004D6C, #002232)
• Feathered Amber color palette (#EDDFD3, #BB9136, #7B6C00, #005B3E, #00404D)
• Taupe Veranda color palette (#F9E7D9, #A8AB75, #3A827D, #504D63, #27243B)
• Frosted Honey color palette (#FFF2ED, #FFBC65, #9C964F, #217086, #0A2A54)
• Ancient Chapel color palette (#EBDFCF, #6E893F, #005D5B, #3C1F3A, #180D2A)
• Powdered Pier color palette (#F1E8DA, #B07B00, #6946FA, #664500, #150048)

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