Tempered Pier color palette — #FFF2F0 · #FF858D · #C9004B · #73001A · #540014

A conversation between Ruby and Salmon, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Salmon (#FF858D): A luminous, balanced red — the color of late-summer berries.
• Ruby (#C9004B): A full-bodied, vivid red — the color of embers at dusk.
• Oxblood (#73001A): A deep, shadowed, balanced red — the color of late-summer berries.
• Espresso (#540014): A deep, shadowed, balanced red — the color of late-summer berries.

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

• Rose Summit color palette (#FFF1F1, #FFA0A4, #E94550, #972437, #540012)
• Powdered Rust color palette (#FFF2EF, #F9805C, #AF3F00, #6E1E00, #4A0D00)
• Antique Plum color palette (#FFF0F9, #E678C0, #BD007D, #6E0049, #42022F)
• Pale Coral Pier color palette (#E0F3FF, #36E7E5, #EB6666, #4F2504, #321C14)
• Softworn Terracotta color palette (#FFF2EC, #EE7B6B, #00765E, #A30803, #16210C)
• Muted Raspberry Harbor color palette (#FFF2F0, #CF1E75, #4C55CB, #522C99, #431F1C)
• Dusty Garnet color palette (#FFF2EB, #A6A937, #812100, #490F00, #28150A)
• Bronze Studio color palette (#FEDFCB, #BB5B00, #663000, #311000, #150300)

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