Tempered Navy Pier color palette — #E9F5F1 · #8EA66E · #647A47 · #254A89 · #43180C
Built around Peacock, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9F5F1): a clean, paper-quiet neutral.
- Moss (#8EA66E): A luminous, balanced green — the color of fresh herbs.
- Olive (#647A47): A full-bodied, dusty green — the color of new leaves after rain.
- Peacock (#254A89): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#43180C): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Tempered Navy 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
- Weathered Garden color palette (#E7F5F6, #72AA95, #387F79, #4B4082, #3A2100)
- Hushed Corridor color palette (#FCEDF3, #C09167, #218086, #304A80, #331C3D)
- Hushed Pier color palette (#F4EFF9, #BD8BA6, #77753B, #00546F, #3C1932)
- Sunlit Garnet color palette (#EAF5EE, #9C8E47, #00708A, #6F1651, #251E00)
- Olive Drift color palette (#C8E9DD, #697B00, #00517C, #560026, #0D1000)
- Aged Driftwood Pier color palette (#E3F2E9, #8E8446, #28413C, #13221A, #090E09)
- Wandering Aubergine Harbor color palette (#DAF3F5, #009171, #005E78, #380587, #201000)
- Ancient Pine Courtyard color palette (#F6F0F4, #D0D4E9, #70A6B4, #357B55, #21394B)
Browse the whole catalog at Explore, or see today's palette.