Hazy Olive Pier color palette — #E1E1CC · #538800 · #00426B · #203A00 · #000503

Olive Leaf and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E1E1CC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#538800): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00426B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Forest (#203A00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Hazy Olive Pier 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

• Timeworn Bronze Hollow color palette (#EAE3D2, #8A7500, #004753, #3B3100, #000502)
• Aubergine Boulevard color palette (#DCE2D2, #128C56, #4E0596, #003D21, #050013)
• Pine Workshop color palette (#FFEAEB, #007950, #004261, #4A0011, #001B19)
• Timeworn Emerald color palette (#EEF1E3, #4DA965, #006D78, #00642B, #000501)
• Soft Grape color palette (#EDF6E1, #00A874, #6125BA, #005438, #15082D)
• Worn Aubergine Delta color palette (#F0F3D3, #27700D, #46006E, #331600, #120B00)
• Weathered Harbor color palette (#E0F0E3, #009AA6, #86136A, #004B51, #1E0306)
• Onyx Study color palette (#E3E8DA, #009363, #005151, #002A3F, #080057)

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