Pi
#314159
Mid purple Pi, crisp warm violet for contrast
About Pi
Pi is the purple I notice when a dark UI designer has clearly chosen "purple" on purpose. It sits right at that medium-dark point where it feels dense enough for UI surfaces, but it doesn't tip into the colder, inkier control of Dark & Stormy or the weighty warmth of Black Turmeric.
It reads as a steady, unmistakably purple tone with moderate saturation and a slightly cool undertone. I use it for primary accents and state colors in health tech admin panels, fintech reporting dashboards, and fintech/ops data tables where you want the hue to stay purple under different lighting, not drift toward navy. Compared to Stay the Night, Pi holds a tighter, cleaner presence, less smoothed-over and more "confident in the foreground," especially for focus rings, bold links, and selected chips.
Pair it with cool grays or crisp whites. If you drop it next to very warm surfaces, it can start to look a bit flatter than you expected, like the purple loses its edge.
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.