Tempered Pier color palette — #FFF0F7 · #F9D2C5 · #D78678 · #9B512B · #4A2900

Built around Ochre, softened by Coral Clay — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Shell Pink (#F9D2C5): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#D78678): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#9B512B): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4A2900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Linen Garnet color palette (#FCF1FF, #FFCFF3, #D3869F, #A15056, #5C0E00)
• Gentle Villa color palette (#FFE8F2, #EB98A2, #B54D43, #803A00, #583100)
• Ancient Bronze color palette (#FFF1F0, #E1D9CE, #D1A581, #8F6F37, #494100)
• Linen Amber color palette (#EBEBFF, #FBBCDA, #EA9791, #C36900, #493B00)
• Sunlit Rose Villa color palette (#FAE8EC, #EA505E, #8D2E00, #381A00, #020100)
• Antique Chapel color palette (#FFF1F2, #FFA693, #C65900, #643C00, #211700)
• Bronze Thicket color palette (#FCDAD0, #B45A00, #5A3A00, #100B00, #010100)
• Faded Ridge color palette (#FFF2EC, #FFC78B, #BB8A00, #605900, #252F00)

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