Olive Pier color palette — #ECF4F2 · #D1D8DC · #B1BECC · #558341 · #20302D

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

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Silver (#D1D8DC): a clean, paper-quiet neutral.
• Ash (#B1BECC): A luminous, dusty blue — the color of deep harbor water.
• Olive Leaf (#558341): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#20302D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Worn Pine Canyon color palette (#EFF7F6, #D1DDE2, #B2C3CC, #578056, #404A49)
• Tempered Station color palette (#EBF4F0, #8BBFB8, #39856B, #555925, #002F2A)
• Softworn Forest Dune color palette (#E9F5F4, #C6D7DB, #93B1C0, #006D44, #001F1F)
• Dusty Lagoon Station color palette (#DAEBEC, #278868, #163640, #001A1C, #020807)
• Tempered Pewter Harbor color palette (#DDF6E8, #A6C1BD, #5E93A1, #7E4C5D, #492B3A)
• Hushed Jade Loft color palette (#F5F6EF, #D5DDD6, #A6B2C0, #7EAC7C, #3F4400)
• Spruce Archive color palette (#DFEAE9, #8CA5A9, #5D8290, #004315, #000605)
• Aged Garnet Basin color palette (#FFEBF7, #88A872, #007B78, #702A47, #002928)

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