Tempered Pier color palette — #FFE4F5 · #A58DB5 · #8F526F · #4D4908 · #034031

Graphite and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFE4F5): A whisper-light, dusty pink — the color of peonies in June.
• Dusty Rose (#A58DB5): A luminous, dusty violet — the color of twilight just after sunset.
• Graphite (#8F526F): A full-bodied, balanced rose — the color of a warm blush.
• Deep Olive (#4D4908): A deep, shadowed, balanced green — the color of new leaves after rain.
• Forest (#034031): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Muted Balcony color palette (#F9E8EA, #BA8693, #9B523B, #2B4F34, #00403B)
• Ash Canyon color palette (#D3EBF6, #8C8BBE, #7E5166, #0A4834, #002317)
• Dusty Pewter color palette (#D0E5FD, #9296C3, #7E538E, #674100, #37342E)
• Wandering Chestnut color palette (#FEDAEB, #CC9DA7, #956677, #675500, #324733)
• Weathered Driftwood Pier color palette (#CAE8FE, #ACA2D7, #A56879, #37694F, #163F3F)
• Weathered Bronze color palette (#EAE6F5, #C2AFD4, #B98791, #936839, #483701)
• Garnet Bloom color palette (#F2D5EF, #A95E76, #871703, #003814, #00211C)
• Worn Olive color palette (#FFF1F0, #E4C2B5, #A78D79, #617D3E, #39504C)

Browse the whole catalog at Explore, or see today's palette.