Olive Pier color palette — #F3E7F5 · #637000 · #3F0013 · #1B0B03 · #0A0001

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

The five colors

• Blush (#F3E7F5): A whisper-light, dusty pink — the color of peonies in June.
• Olive (#637000): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#3F0013): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#1B0B03): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0A0001): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, 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

• Nocturne Fern color palette (#F5DCE7, #665800, #3C3E00, #240D00, #030100)
• Lowlit Loft color palette (#E9E9FC, #007E25, #2E0048, #25101B, #06000D)
• Charred Bronze color palette (#F7D8ED, #995C00, #2C2919, #3A0900, #0E0100)
• Patina Garnet Drift color palette (#F6D8CD, #918600, #6E0012, #260002, #070000)
• Muted Orchard color palette (#FFECF2, #C9A300, #6B4100, #301B00, #130208)
• Aged Studio color palette (#F8EFF4, #CBC68B, #815545, #3D2A37, #191116)
• Aged Basalt color palette (#E7DAE0, #8DA895, #58867C, #562800, #0D0106)
• Softworn Corridor color palette (#E0F3E3, #B18600, #4A3500, #1A1000, #000200)

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