Olive Pier color palette — #F6F2D0 · #7D8300 · #4A6000 · #0C3D00 · #001907
Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Custard (#F6F2D0): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#7D8300): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#4A6000): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#0C3D00): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#001907): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged warm.
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 Moss Veranda color palette (#EAECD2, #798D00, #415B00, #162A00, #000200)
- Bronze Harbor color palette (#FDEDDC, #9E6C00, #685300, #393700, #0F1200)
- Pale Olive Veranda color palette (#E8E1D3, #948600, #557700, #0D5D0D, #00160C)
- Emerald Studio color palette (#DAE7CD, #25940E, #006741, #003A2B, #001916)
- Tempered Summit color palette (#EBEDD0, #00CD8A, #00AAA8, #586300, #002110)
- Hushed Grape color palette (#F1F1DC, #629A22, #8212A1, #2E5000, #1D0026)
- Sunlit Courtyard color palette (#DBE8DE, #00B78E, #008A77, #005855, #00383D)
- Sunlit Coast color palette (#E0ECDC, #297A00, #0053BF, #8D0425, #010B00)
Browse the whole catalog at Explore, or see today's palette.