Misty Olive Pier color palette — #E2F7F3 · #89B177 · #C87359 · #347700 · #471404
Built around Olive, softened by Coral Clay — the whole palette hums with nature and growth.
The five colors
- Ivory (#E2F7F3): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#89B177): A luminous, balanced green — the color of a quiet forest floor.
- Coral Clay (#C87359): A luminous, balanced orange — the color of toasted spice.
- Olive (#347700): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#471404): A deep, shadowed, balanced orange — the color of autumn markets.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Misty 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
- Pine Pier color palette (#E2F7F7, #86BFC1, #BF9361, #008660, #462531)
- Olive Chapel color palette (#E4F7F0, #9DAC70, #009DBD, #5C6E00, #002D38)
- Weathered Coast color palette (#CCE6E5, #00A061, #A75B00, #005C35, #251000)
- Weathered Cocoa Drift color palette (#FFECF2, #9AB399, #926C45, #713D10, #112916)
- Feathered Lilac Lantern color palette (#F5F7E8, #78B073, #A676D9, #1B7217, #4B3860)
- Hazy Studio color palette (#DAFAF2, #769B52, #009194, #995A00, #00251E)
- Tempered Forest color palette (#E4F6F7, #AFBA85, #20624E, #003023, #001011)
- Timeworn Emerald color palette (#E3F6F5, #BDE2F5, #92DFD2, #659255, #053435)
Browse the whole catalog at Explore, or see today's palette.