Olive Pier color palette — #FFEDEA · #BE7389 · #4E702F · #00446E · #002038

Olive and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEDEA): A whisper-light, dusty orange — the color of autumn markets.
• Dusty Rose (#BE7389): A luminous, balanced red — the color of late-summer berries.
• Olive (#4E702F): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00446E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002038): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns 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

• Tempered Amber Coast color palette (#FFEEE4, #C0785F, #177560, #004958, #181644)
• Pine Harbor color palette (#FAEFEB, #C78A89, #567D55, #3B4A74, #3D1A27)
• Washed Lilac color palette (#FCEDF1, #A976BF, #7F5F00, #004B4A, #002423)
• Soft Amber Cabin color palette (#FFEFE0, #C06900, #006A61, #401F7A, #1E0045)
• Ancient Pier color palette (#FFE8E5, #D5B098, #987E38, #415E56, #183C33)
• Dusty Rust Orchard color palette (#FFD7C3, #CD2900, #005A45, #002E4E, #0C0036)
• Patina Bloom color palette (#FBF1FF, #D08FA1, #9F793B, #006A75, #532449)
• Amber Quarry color palette (#FFF3E9, #BC7446, #6E6500, #00572F, #5B222F)

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