Bright Bold Color Palette

Updated April 17, 2026

A vivid bright bold color palette — electric pink, citrus yellow, cobalt blue, and lime green. Hex codes for high-energy brand designs.

The Bright Bold Palette

• Citrus #FDE047 rgb(253, 224, 71) hsl(50, 98%, 64%)
• Tangerine #F97316 rgb(249, 115, 22) hsl(25, 95%, 53%)
• Electric Pink #EC4899 rgb(236, 72, 153) hsl(330, 81%, 60%)
• Ultraviolet #8B5CF6 rgb(139, 92, 246) hsl(258, 90%, 66%)
• Cobalt #2563EB rgb(37, 99, 235) hsl(221, 83%, 53%)
• Lime #22C55E rgb(34, 197, 94) hsl(142, 71%, 45%)

Hex Codes at a Glance

#FDE047, #F97316, #EC4899, #8B5CF6, #2563EB, #22C55E

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This bright bold palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.