Tempered Pier color palette — #FFF0FC · #D6BBC8 · #AD9E73 · #4B7A89 · #385063
A conversation between Taupe and Slate, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Stone (#D6BBC8): A luminous, dusty rose — the color of strawberry cream.
- Taupe (#AD9E73): A luminous, dusty green — the color of new leaves after rain.
- Slate (#4B7A89): A full-bodied, dusty blue — the color of deep harbor water.
- Peacock (#385063): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Optimism, 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
- Aged Alley color palette (#FFF0FA, #ACCDAA, #88AE9C, #5C7887, #3B4E62)
- Moss Lagoon color palette (#F4DCD0, #D1A061, #8F8A00, #00708F, #1D386F)
- Antique Navy color palette (#E2E5CC, #7EA279, #217967, #4A3E72, #3F1C42)
- Ancient Cabin color palette (#FFF0EF, #EACDBB, #CABB9F, #9E889F, #5E495B)
- Moss Pier color palette (#D6FAD8, #C1C479, #67A155, #4C6B94, #504774)
- Dusty Orchard color palette (#FFF2EA, #E1DBC3, #C2AF96, #767F38, #3E530D)
- Periwinkle Grove color palette (#F0F7F1, #D8DCF9, #7CA5EC, #1987A4, #3A4764)
- Linen Amber color palette (#FFEBE4, #F7A77D, #CC7400, #946719, #32533D)
Browse the whole catalog at Explore, or see today's palette.