Tempered Pier color palette — #F0F6FB · #DCD9E2 · #BDA7A5 · #6785A1 · #4F5357

Built around Storm Blue, softened by Rosewood Mist — the whole palette hums with sophistication.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#DCD9E2): bright and airy, almost weightless.
• Rosewood Mist (#BDA7A5): A luminous, dusty orange — the color of toasted spice.
• Storm Blue (#6785A1): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4F5357): a grounded near-black with real depth.

Feels like: Sophistication. 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

• Washed Pewter color palette (#F4F4FB, #E2D8DE, #CEBABE, #87649B, #47474F)
• Ancient Cypress Ridge color palette (#E6F9FF, #B8C7D7, #9B96AE, #4F777A, #43535B)
• Muted Terrace color palette (#E5EDF6, #9699A9, #756A8B, #00295B, #040912)
• Softworn Pewter Quarry color palette (#E7FAF4, #69B3CF, #806AA7, #526030, #3D4956)
• Ancient Aubergine Terrace color palette (#E8E9F1, #BBB6C4, #A083A0, #50307D, #1C1E2E)
• Azure Alley color palette (#EDF7FE, #4EA2CD, #9C6037, #465C21, #1D4C41)
• Mulberry Harbor color palette (#F6F3FF, #DBCDDE, #CD997F, #89317F, #352F43)
• Weathered Field color palette (#EDF2FD, #6F76B8, #3E3852, #242833, #13151A)

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