Tempered Pier color palette — #F9E8FA · #DE8E94 · #00AAB2 · #C4324E · #003E41

Ruby takes the lead with Turquoise close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F9E8FA): A whisper-light, dusty pink — the color of a candy shop window.
• Salmon (#DE8E94): A luminous, balanced red — the color of embers at dusk.
• Turquoise (#00AAB2): A luminous, balanced blue — the color of open sky before noon.
• Ruby (#C4324E): A full-bodied, vivid red — the color of late-summer berries.
• Deep Teal (#003E41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Balance. Tagged 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

• Softworn Cabin color palette (#FFF2EE, #FFA0A7, #00BCC6, #B94E5B, #002E31)
• Aged Rust color palette (#FEE7F3, #DF926C, #1FA2D5, #B64E00, #003B51)
• Aged Market color palette (#F3EAFF, #DB89BB, #3BB685, #B22288, #00402A)
• Tempered Orchard color palette (#FAE9F5, #D26B59, #008D77, #9F1D08, #003F34)
• Tempered Cobalt Garden color palette (#F7DAF4, #DE6F6E, #519E4A, #4474CE, #3A2139)
• Quiet Hollow color palette (#FFF1F5, #E1BD95, #7BB8E9, #C17A00, #30506C)
• Chestnut Corridor color palette (#DCEDDF, #B9AF7D, #997B41, #7D4F1D, #0E392B)
• Wandering Chestnut Corridor color palette (#FAE9F0, #C9B17F, #954E00, #532800, #211018)

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