Muted Olive Pier color palette — #EFF0E7 · #C0C7BB · #8DAE98 · #357200 · #212107
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#EFF0E7): bright and airy, almost weightless.
- Stone (#C0C7BB): soft and architectural.
- Sage (#8DAE98): A luminous, dusty teal — the color of glacier melt.
- Olive (#357200): A full-bodied, balanced green — the color of fresh herbs.
- Onyx (#212107): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Muted 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 Chestnut Cabin color palette (#E8E2D8, #C6C5B7, #9EA991, #775D00, #281D0A)
- Emerald Courtyard color palette (#E5E7DD, #AFC8B8, #94AEA3, #4E934B, #1F210F)
- Softworn Forest Atelier color palette (#E8EBE3, #AAB9AA, #75A08F, #00633C, #111604)
- Timeworn Cocoa color palette (#F9E9C8, #98936B, #007F78, #7B3603, #382800)
- Dusty Studio color palette (#DEE6DE, #97AAA1, #947F90, #00504E, #030C03)
- Petrol Boulevard color palette (#E9F1EC, #DCD4DD, #C8AFBC, #008094, #203327)
- Quiet Moss color palette (#FADAD5, #6F8D13, #006569, #6A0036, #001C09)
- Clover Grove color palette (#DAE5C8, #CFAD16, #00B759, #0087BD, #001F1C)
Browse the whole catalog at Explore, or see today's palette.