Olive Harbor color palette — #FFDFD7 · #3D8D34 · #005567 · #58001D · #081200

Built around Olive Leaf, softened by Mulberry — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDFD7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Olive Leaf (#3D8D34): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005567): A full-bodied, dusty blue — the color of open sky before noon.
• Mulberry (#58001D): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#081200): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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 Olive color palette (#FBDCD2, #7B7F00, #005853, #4E0642, #021300)
• Misty Emerald color palette (#FFE2D8, #29A25F, #006485, #631C21, #0D1D06)
• Faded Lagoon Alley color palette (#F2DBAE, #008D65, #00575F, #521649, #172A0D)
• Pine Veranda color palette (#FFE3D4, #00784E, #00405E, #3B0A00, #000706)
• Patina Studio color palette (#FCE9D5, #008B7E, #0044A4, #422400, #001115)
• Lagoon Summit color palette (#E6E4D6, #54A076, #006260, #343E06, #0E1500)
• Aged Cocoa color palette (#E2EDD9, #59A795, #3F628C, #5B2C00, #391705)
• Soft Aubergine color palette (#ECEED4, #3D840D, #600C82, #4F0400, #1D0100)

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