Tempered Pier color palette — #EDDDE7 · #FF7F93 · #FD3F19 · #AE5C00 · #472F00

A conversation between Scarlet and Rose, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#EDDDE7): A whisper-light, dusty pink — the color of peonies in June.
• Rose (#FF7F93): A luminous, balanced red — the color of a theater curtain.
• Scarlet (#FD3F19): A luminous, vivid orange — the color of autumn markets.
• Ochre (#AE5C00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#472F00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

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

• Frosted Alley color palette (#EEE0EF, #FF79B7, #FE2D4E, #BA2A00, #522C00)
• Wandering Tangerine Bloom color palette (#FDD5D4, #FF8146, #CB7400, #896D00, #2D3300)
• Muted Scarlet Cabin color palette (#FFEFEF, #FF8F8D, #EE1F02, #902700, #431500)
• Softworn Amber Parlor color palette (#FFE1CE, #FFAA79, #E47700, #AC4700, #2A1200)
• Amber Courtyard color palette (#FFD4D4, #FFAF89, #E78600, #997E00, #3E4100)
• Muted Rust Boulevard color palette (#FFDBD2, #FFB39F, #05BAE2, #CD3600, #003441)
• Quiet Atelier color palette (#FCE6EA, #D71E00, #854500, #4A3300, #110D00)
• Dusty Apricot color palette (#FFE5E4, #FFBEBE, #E7A083, #AD8C64, #634800)

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