Olive Pier color palette — #D3F0DF · #627000 · #1B4100 · #002134 · #020300
Built around Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D3F0DF): A whisper-light, dusty teal — the color of glacier melt.
- Olive (#627000): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#1B4100): A deep, shadowed, balanced green — the color of fresh herbs.
- Midnight (#002134): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Washed Olive color palette (#F8EDDD, #716F08, #1F4200, #1E1651, #111000)
- Cypress Station color palette (#D6ECE9, #007B59, #004039, #1D1640, #000402)
- Worn Fern Atelier color palette (#EDEADB, #70903E, #286200, #004140, #0A1300)
- Moss Alley color palette (#F8D6E3, #A08F04, #2D5B00, #3E174A, #010100)
- Taupe Harbor color palette (#E5F8E8, #AAA354, #5C6C32, #424265, #062216)
- Lagoon Thicket color palette (#D9E7DC, #139D9D, #00535E, #002D21, #000509)
- Aubergine Hollow color palette (#ECDEEC, #78007E, #4F3A00, #00363B, #030004)
- Weathered Coast color palette (#F9E4FF, #8D00A9, #1F5800, #440053, #010400)
Browse the whole catalog at Explore, or see today's palette.