Color code and palette
Shades of Purple
Purple spans delicate lavender, saturated violet and dark plum. It can feel imaginative, premium or unconventional depending on saturation and is especially effective with restrained neutral surfaces.
Purple #A855F7
Color formats
The same base color in common web formats.
HEX
#A855F7 RGB
rgb(168, 85, 247) HSL
hsl(271, 91%, 65%) OKLCH
oklch(63.0% 0.233 304.0) Purple spans delicate lavender, saturated violet and dark plum. It can feel imaginative, premium or unconventional depending on saturation and is especially effective with restrained neutral surfaces.
Shades
| Color | Name | Hex | |
|---|---|---|---|
| Lavender Blush | #FAF5FF | ||
| Lavender Light | #F3E8FF | ||
| Lavender | #E9D5FF | ||
| Wisteria | #D8B4FE | ||
| Orchid | #C084FC | ||
| Purple | #A855F7 | ||
| Violet | #9333EA | ||
| Amethyst | #7E22CE | ||
| Grape | #6B21A8 | ||
| Plum | #581C87 | ||
| Fuchsia Light | #FDF4FF | ||
| Fuchsia Pale | #FAE8FF | ||
| Fuchsia | #F5D0FE | ||
| Pink Magenta | #F0ABFC | ||
| Magenta | #E879F9 | ||
| Hot Pink | #D946EF | ||
| Deep Magenta | #C026D3 | ||
| Purple Red | #A21CAF | ||
| Berry | #86198F | ||
| Dark Purple | #701A75 |
Triadic color harmony
Three evenly spaced hues create a colorful but balanced starting palette.
Text contrast
These ratios use the WCAG relative luminance formula.
White textNaN:1
Black textNaN:1
Ways to use purple
01
Creative and premium branding
02
Feature highlights and gradients
03
Beauty, culture and entertainment products