Olive Pier color palette — #ECEBD9 · #8FA64A · #38771B · #005B3A · #00463A
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Parchment (#ECEBD9): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8FA64A): A luminous, balanced green — the color of new leaves after rain.
- Olive (#38771B): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005B3A): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00463A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Misty Amber color palette (#F4E4D3, #BC9928, #737300, #425400, #154320)
- Ancient Pine color palette (#DBFFED, #63B991, #00764E, #00432C, #002714)
- Moss Basin color palette (#EBE9CE, #AFC75B, #4FB439, #008D53, #004035)
- Hushed Coast color palette (#E0EEBD, #83BF81, #188E62, #00695D, #194B63)
- Linen Courtyard color palette (#E2E4CF, #518A00, #005924, #003325, #001C25)
- Dusty Forest Orchard color palette (#EDF2D5, #54A25D, #9E5D9D, #006920, #4D214D)
- Hushed Studio color palette (#F2F9DF, #ACEBDE, #7EBBDA, #696F27, #334229)
- Weathered Workshop color palette (#F3E6D6, #A29769, #7D5D2F, #673418, #32302A)
Browse the whole catalog at Explore, or see today's palette.