Tempered Pier color palette — #E9DEF3 · #A37692 · #874B52 · #2C400E · #002819

Coffee takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E9DEF3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#A37692): A luminous, dusty pink — the color of neon signs at night.
• Coffee (#874B52): A full-bodied, balanced red — the color of embers at dusk.
• Forest (#2C400E): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#002819): A deep, shadowed, dusty teal — the color of sea glass.

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

• Ash Villa color palette (#E4E4FF, #BF82AD, #894549, #273700, #000904)
• Softworn Orchard color palette (#F7E7ED, #B66F67, #80522B, #08493C, #002126)
• Mulberry Corridor color palette (#E3EEFF, #8A7DC0, #854A81, #543A00, #181E00)
• Worn Lantern color palette (#E4EEFF, #A57EBB, #B2544F, #0F5B50, #002822)
• Tempered Garnet Terrace color palette (#C9EEDE, #6F7AA7, #6E3759, #003437, #0D1A32)
• Blush Coast color palette (#EDE1EF, #EA8EB7, #AF7269, #366B27, #00493E)
• Patina Bronze Loft color palette (#ECD9D8, #BD845D, #85732D, #00575E, #002D45)
• Cypress Atelier color palette (#EEDADB, #D5B49E, #A18E75, #3A797A, #214C3D)

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