Tempered Pier color palette — #F9F3F7 · #E6D7D8 · #C9C4B8 · #C58F7E · #443D41

Camel takes the lead with Stone close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#E6D7D8): a clean, paper-quiet neutral.
• Stone (#C9C4B8): soft and architectural.
• Camel (#C58F7E): A luminous, dusty orange — the color of toasted spice.
• Charcoal (#443D41): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Stone Bloom color palette (#F2F7F1, #D2DDDA, #AFB2C1, #CAA77F, #494F48)
• Tempered Pewter color palette (#F8F0EC, #D9D6CF, #BDBCAF, #98675B, #342924)
• Mustard Chapel color palette (#FFF1F6, #E4DCD3, #DEAB3B, #98B3AE, #462833)
• Dusty Amber color palette (#F0F7F2, #CBE5E4, #A5B5D2, #AB8F22, #2B3930)
• Aged Basalt color palette (#DFE8E0, #B0BFB4, #7A9B8A, #4F3700, #000200)
• Muted Stone color palette (#E5FDE6, #BCE3DE, #BABD8A, #5C8185, #2A525C)
• Amber Archive color palette (#E9FBEB, #FFBA8A, #BB8723, #3D7149, #442833)
• Aged Parlor color palette (#F5EBF0, #E2C8D2, #91B08F, #7B3600, #060103)

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