Tempered Pier color palette — #E7F5FF · #A9B8DD · #A0718B · #416868 · #2D4E5C

Heather takes the lead with Sky close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#E7F5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#A9B8DD): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#A0718B): A luminous, dusty rose — the color of pressed rose petals.
• Teal (#416868): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#2D4E5C): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.

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 Oat Study color palette (#EFF6FF, #C9C7E6, #A691A8, #547279, #3E4E5D)
• Pewter Bloom color palette (#DAE4FF, #ACA1BF, #956856, #405774, #3C3B59)
• Patina Chestnut Cabin color palette (#FFDCF4, #BBA6D8, #AA7A7A, #725502, #383730)
• Antique Lilac Villa color palette (#DBE7F4, #AD8CE7, #A74A5F, #005A4C, #003E46)
• Worn Pine color palette (#FAF2F9, #B7E5F4, #4994B5, #297245, #344964)
• Soft Study color palette (#F5F3FF, #C386C7, #559D54, #8D4393, #1B4B47)
• Dusty Navy color palette (#EBDFFB, #AB7181, #6E4D19, #0E3D65, #201F4A)
• Misty Pine Parlor color palette (#F5F3FF, #A971AE, #03925D, #00726E, #39344C)

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