Pan Purple
#657aef
Balanced periwinkle violet for calmer links and borders
About Pan Purple
Pan Purple is the purple you notice in a screenshot where the blue accents have already been used up. It sits between Blue Öyster Cult's lighter, easier tone and Orchid's airy coolness, but it reads more decisively purple than both. Compared to Blue Jay, it's not as deep or punchy; it has a smoother, more even saturation that feels controlled rather than loud.
I like Pan Purple for dashboards and creative tool interfaces where you need a dependable brand accent that still feels friendly. It's great in SaaS header bars, navigation highlights, and media pages that need a clear "purple" without sliding toward the blue side. It also works well for data viz legends and chart accents where the UI is mostly gray, because this shade keeps its identity instead of fading or shifting too far cooler. Pair it with warm neutrals if you want it to feel anchored, and with mid grays if you want the purple to stay crisp.
One quirk: it can look slightly flatter beside very saturated purples, so if your palette has a darker "statement" violet, give Pan Purple some breathing room in layout and spacing.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.