Olive Pier color palette — #F1EEE1 · #777F26 · #004D58 · #353A00 · #000102
Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F1EEE1): bright and airy, almost weightless.
- Olive Leaf (#777F26): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#004D58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Olive (#353A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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
- Ancient Olive Summit color palette (#E8E9D7, #408B00, #004B3B, #183C00, #020400)
- Frosted Nightshade Harbor color palette (#E5EBDD, #008F60, #002DB1, #00412A, #000109)
- Bronze Station color palette (#EEE4DB, #A96700, #005229, #4F2D00, #010100)
- Hushed Summit color palette (#F3E0D5, #317708, #004546, #3F0017, #000703)
- Moss Chapel color palette (#E0EDE7, #939B00, #006E75, #535800, #000407)
- Powdered Villa color palette (#DFE8DE, #00A29E, #4F35BD, #00524F, #070004)
- Forest Studio color palette (#E8E9E2, #ADB7A6, #7D9480, #09530B, #0B0C00)
- Emerald Courtyard color palette (#ECF0DA, #33B054, #005DA3, #005D22, #00030C)
Browse the whole catalog at Explore, or see today's palette.