Olive Pier color palette — #EAF9F5 · #A1B98F · #B186BD · #528218 · #5C4263

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

The five colors

• Ivory (#EAF9F5): a clean, paper-quiet neutral.
• Sage (#A1B98F): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B186BD): A luminous, balanced pink — the color of a candy shop window.
• Olive Leaf (#528218): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#5C4263): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Weathered Cypress Courtyard color palette (#EAF8FB, #84BDB2, #CA7F94, #008577, #5A4362)
• Hushed Bronze Delta color palette (#EDF9EE, #C7AB7D, #8D93CF, #956900, #46496F)
• Muted Coral Drift color palette (#F3F3E3, #A0BE89, #D38472, #5D7D42, #362F2C)
• Dusty Pier color palette (#E1FCF8, #7EA47B, #A276B2, #A2566F, #2C4945)
• Softworn Emerald Balcony color palette (#E9F9F6, #A6D29D, #6DBBE9, #659D5A, #335167)
• Muted Veranda color palette (#FEF1F6, #A7BFAB, #997483, #824E40, #3A4D43)
• Plum Station color palette (#DBFDFC, #44BD7F, #A83D9C, #006E42, #5F1557)
• Tempered Driftwood color palette (#E7FAF5, #CBE1EE, #B2C5E7, #8D854F, #3F5756)

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