Tempered Pier color palette — #EFF7F9 · #D7DBE3 · #BFB2C4 · #6ABBC0 · #3D4A4F

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

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D7DBE3): bright and airy, almost weightless.
• Ash (#BFB2C4): A luminous, dusty pink — the color of peonies in June.
• Cyan (#6ABBC0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3D4A4F): a grounded near-black with real depth.

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

• Aged Powder color palette (#DAF8FE, #BEDAEE, #A3B3DA, #769780, #3C544A)
• Worn Periwinkle Garden color palette (#F2F5FC, #DCD7DF, #D4B3BA, #919AD7, #373A42)
• Aged Atelier color palette (#EDF4EE, #CEDADA, #B1BFC1, #458086, #252F27)
• Dusty Sky Balcony color palette (#D6E7F4, #37B8EE, #606F94, #3D4C56, #121A1D)
• Hushed Mint color palette (#EDF9F2, #C6DFAF, #75BF92, #6B98A7, #2F4842)
• Ancient Periwinkle Delta color palette (#FFF1F6, #75DADD, #75A7E9, #A5774A, #29414D)
• Wisteria Villa color palette (#E9F9FC, #5DD5C7, #C683CD, #8B7E10, #124132)
• Timeworn Petrol color palette (#D8E5EB, #ABAFC2, #A193BC, #008091, #07161C)

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