Tailwind ColorSnap
Updated for Tailwind v4
Input Color
Nearest TW Color
Distance: 0.00

#faf5ff - A very bright indigo with subtle tones.

  • Commonly used for Premium features, Creative tools, Alternative primary actions, Active states, and Featured content

Top Matches

purple-50
Distance: 0.00
fuchsia-50
Distance: 1.30
violet-50
Distance: 1.56
pink-50
Distance: 2.79
indigo-50
Distance: 3.52

All green Shades

purple-50
purple-100
purple-200
purple-300
purple-400
purple-500
purple-600
purple-700
purple-800
purple-900
purple-950

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #faf5ff / purple-50
Brand accent #E1C3FF / purple-300
Complementary accent #CCFA9E / lime-200
Text & UI elements #1e293b / slate-800
Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Use purple-800 or darker for text. Ensure sufficient contrast with backgrounds

Test with both light and dark modes. Consider color blindness implications

See all Tailwind colors