Tempered Pier color palette — #FBE1D7 · #EB6F6C · #82553E · #64270D · #140A09

A conversation between Watermelon and Rust, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FBE1D7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Watermelon (#EB6F6C): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#82553E): A full-bodied, dusty orange — the color of toasted spice.
• Rust (#64270D): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#140A09): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance. 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

• Hushed Peony Station color palette (#F7DEDD, #E16DA6, #855054, #513332, #130A0C)
• Wandering Apricot Corridor color palette (#F3E0D5, #F28B5B, #876A48, #703909, #1E1613)
• Dusty Amber color palette (#F1DECA, #CB7D00, #6C5700, #4D2C00, #100400)
• Worn Garden color palette (#FFEAE2, #DC3D4F, #5A3709, #311B13, #140A0B)
• Mustard Station color palette (#EADFC5, #B7A200, #5B7031, #44413B, #171006)
• Brick Study color palette (#E9D9E7, #B4252D, #331C2C, #140713, #040104)
• Worn Moss Summit color palette (#EAE3CB, #909200, #3F5D30, #313029, #070400)
• Washed Jade Archive color palette (#F8F5EA, #B2D6A4, #63B481, #A27679, #36362F)

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