Tempered Pier color palette — #F2DCD6 · #968A1B · #3B6951 · #353655 · #2E1C37
A conversation between Moss and Pine, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F2DCD6): A whisper-light, dusty orange — the color of sun-warmed clay.
- Moss (#968A1B): A luminous, balanced green — the color of fresh herbs.
- Pine (#3B6951): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#353655): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Deep Indigo (#2E1C37): A deep, shadowed, dusty violet — the color of wild irises.
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
- Driftwood Garden color palette (#FFECD6, #7B8641, #00675B, #512C43, #40141A)
- Aged Ridge color palette (#EADCD0, #6F7E20, #00534E, #37203D, #27072F)
- Washed Driftwood Ridge color palette (#F9E4F0, #B4755E, #565827, #23395A, #251B48)
- Antique Olive color palette (#E9E4CF, #767E38, #41632E, #00393B, #001920)
- Pine Ridge color palette (#D0E7DB, #4E8B4B, #005144, #451C40, #042204)
- Pine Quarry color palette (#E3DED1, #347D43, #004352, #390F23, #230001)
- Softworn Boulevard color palette (#F2DEDB, #BC9F80, #81875A, #5F5B95, #49153E)
- Worn Taupe color palette (#F3DED2, #A5AB5A, #007A74, #6A384F, #5B1C1E)
Browse the whole catalog at Explore, or see today's palette.