Tempered Pier color palette — #FBE3DE · #D45E82 · #734637 · #48241E · #0B0203

Hot Pink takes the lead with Coffee close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Rose Water (#FBE3DE): A whisper-light, dusty orange — the color of toasted spice.
• Hot Pink (#D45E82): A luminous, balanced red — the color of late-summer berries.
• Coffee (#734637): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#48241E): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#0B0203): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Warmth, Comfort, Sophistication. Tagged noir, dark, luxury, 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

• Worn Coral Pier color palette (#FFE8E2, #E4727E, #895323, #533329, #170909)
• Antique Orchid color palette (#F7D5DE, #AF6ACB, #734258, #44252E, #0A0206)
• Patina Scarlet Delta color palette (#FDE0D4, #D82E32, #5D3814, #321305, #060000)
• Antique Amber color palette (#F0DCCD, #D66800, #635123, #342E2A, #0C0201)
• Feathered Terrace color palette (#FFDEEA, #ED8393, #E64E22, #A54B00, #3B2400)
• Smoked Mulberry color palette (#EAE1ED, #9D004A, #3A3932, #320C01, #0A020E)
• Wandering Bronze color palette (#F8F0E9, #DCAD76, #907931, #754A04, #27201B)
• Marigold Corridor color palette (#F6E8CE, #C29C00, #5B6F42, #4F400A, #1A0F04)

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