Tempered Pier color palette — #E9F8FC · #D3DBE8 · #B7A6B9 · #00918A · #14282D

Fern and Mauve set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E9F8FC): bright and airy, almost weightless.
• Silver (#D3DBE8): a clean, paper-quiet neutral.
• Mauve (#B7A6B9): A luminous, dusty pink — the color of peonies in June.
• Fern (#00918A): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#14282D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cerulean Thicket color palette (#EDF7FD, #D7DAE5, #B6ADB8, #29A0C2, #243843)
• Patina Studio color palette (#F0F6FB, #D9DAE5, #C9C1E8, #2680A9, #152028)
• Hushed Emerald Bloom color palette (#EDF8F7, #CFE1ED, #A9C7F6, #00965B, #092A2A)
• Timeworn Pier color palette (#EEF4EC, #C4DACC, #8CB6A9, #006A61, #101E0C)
• Antique Abyss color palette (#E1ECF0, #ADBDC9, #7F94AA, #00444E, #000102)
• Garnet Thicket color palette (#FFF4DE, #00C2C4, #007BAE, #840039, #001C22)
• Patina Meadow color palette (#E7F9FF, #00AEBA, #7C1CF7, #7B0013, #121400)
• Periwinkle Boulevard color palette (#E8F8FF, #BDDAF0, #50E9FE, #529CFF, #00212E)

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