Olive Pier color palette — #F4F3E1 · #577700 · #005975 · #5E000D · #0C0A00
A conversation between Olive and Oxblood, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F3E1): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#577700): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#005975): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Oxblood (#5E000D): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#0C0A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Garnet Boulevard color palette (#FAF1E0, #7F6800, #005F6A, #5E0346, #110900)
- Denim Coast color palette (#EAF6E5, #007D6E, #005390, #5C1600, #040D01)
- Powdered Moss Courtyard color palette (#FFE1DB, #699B2E, #006772, #5C1F3E, #141B02)
- Pale Nightshade Cabin color palette (#F7F2DE, #697200, #4537AC, #532700, #100C00)
- Softworn Nightshade color palette (#F7F7DE, #457700, #2C43A9, #570B3E, #291700)
- Forest Ridge color palette (#E6E9D9, #016116, #003553, #3B0101, #000200)
- Feathered Aubergine color palette (#EEEFDE, #569336, #732E7D, #610431, #2D000C)
- Dusty Aubergine color palette (#D3E6D6, #006770, #700065, #202800, #000401)
Browse the whole catalog at Explore, or see today's palette.