Tempered Pier color palette — #D9E7E1 · #7F8000 · #004735 · #2D2D00 · #000201
Built around Olive Leaf, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#D9E7E1): bright and airy, almost weightless.
- Olive Leaf (#7F8000): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004735): A deep, shadowed, dusty teal — the color of sea glass.
- Espresso (#2D2D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Patina Lagoon color palette (#DEEFED, #319129, #004356, #063503, #000103)
- Antique Meadow color palette (#F1DEE5, #B16500, #104900, #422200, #000201)
- Nocturne Olive Basin color palette (#EBDFC8, #2D7600, #003B32, #160026, #000200)
- Fern Lantern color palette (#F3EBD9, #675800, #003130, #251E00, #000200)
- Washed Lagoon color palette (#D8EFF2, #00A58B, #005182, #00473A, #000104)
- Patina Abyss color palette (#DDE8E5, #A6C1BF, #6C9B9F, #294500, #000201)
- Timeworn Moss Coast color palette (#D0F7F3, #90AE00, #009352, #005D5D, #000201)
- Obsidian Pier color palette (#D7F6EB, #3F4200, #00244E, #11000F, #030100)
Browse the whole catalog at Explore, or see today's palette.