Tempered Pier color palette — #E8EDDF · #4A732E · #004F2C · #00252E · #070C1F
Built around Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#E8EDDF): a clean, paper-quiet neutral.
- Olive (#4A732E): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004F2C): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#00252E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#070C1F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered 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
- Timeworn Market color palette (#FFECD2, #736738, #3B4300, #00231E, #000F0C)
- Twilit Pine Harbor color palette (#D7E5DB, #007C4B, #003219, #0E1A1E, #000B04)
- Muted Forest Atelier color palette (#ECF0DB, #00631C, #00426A, #002907, #000610)
- Washed Lantern color palette (#F5EBDE, #747B3A, #165F44, #3B1F40, #1D0022)
- Fern Lantern color palette (#F9E8CC, #545C00, #00412E, #280734, #0D0003)
- Aged Lagoon Villa color palette (#E8E9DF, #1C9196, #00454D, #00231F, #000C10)
- Patina Petrol color palette (#DEF5F0, #00838A, #004D5E, #2A2851, #211235)
- Washed Driftwood color palette (#F5E5DC, #898A44, #3D766E, #573B61, #1F0328)
Browse the whole catalog at Explore, or see today's palette.