Fourth of July Color Palette
A patriotic Fourth of July color palette — vibrant red, crisp white, deep navy, and firework gold. Hex codes for Americana designs.
The Fourth of July Palette
- Crisp White #FFFFFF rgb(255, 255, 255) hsl(0, 0%, 100%)
- Stars #F5F5F5 rgb(245, 245, 245) hsl(0, 0%, 96%)
- Firework Gold #FFD700 rgb(255, 215, 0) hsl(51, 100%, 50%)
- Old Glory Red #BF0A30 rgb(191, 10, 48) hsl(347, 90%, 39%)
- Old Glory Blue #002868 rgb(0, 40, 104) hsl(217, 100%, 20%)
- Midnight Sky #0A1931 rgb(10, 25, 49) hsl(217, 66%, 12%)
Want a custom palette from your own photo?
PhotoTones extracts hex codes from any image in under a second — free and private.
Open the Color Palette from Image GeneratorHex Codes at a Glance
#FFFFFF, #F5F5F5, #FFD700, #BF0A30, #002868, #0A1931
How to Use This Palette
- In CSS: Paste each hex into your
:rootcustom properties or directly intobackground-color/colordeclarations. - 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.jsfile insidetheme.extend.colors, then use classes likebg-palette-500. - In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import
.swatchesand.asefiles.
Build Your Own Palette
This fourth of july 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.