Tempered Pier color palette — #E9FAF1 · #C497B8 · #9A6B4E · #2B5E85 · #504155

Peacock and Walnut set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9FAF1): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#C497B8): A luminous, dusty pink — the color of peonies in June.
• Walnut (#9A6B4E): A full-bodied, dusty gold — the color of honey in a jar.
• Peacock (#2B5E85): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#504155): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

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

• Driftwood Boulevard color palette (#E8FAF7, #A1A2D5, #A16175, #00666C, #46445D)
• Patina Drift color palette (#FFF1F5, #D19789, #797B4A, #525387, #5A3F49)
• Weathered Lagoon color palette (#FBF0E0, #D99799, #A36939, #095F59, #38281F)
• Wandering Ridge color palette (#EBFAED, #F0A8A9, #BA855D, #327D77, #51424D)
• Ancient Atelier color palette (#F5F3FF, #CFBFCE, #7F9A84, #616D85, #485160)
• Pine Loft color palette (#F8F3F9, #D3D7ED, #64A4B7, #517B4F, #415568)
• Aubergine Basin color palette (#FFF0F8, #C1886E, #627232, #603683, #2E442D)
• Petal Drift color palette (#FAF6DF, #FFB8D9, #D0A57A, #6B9784, #57423C)

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