Retro 70s Color Palette
A groovy retro 70s color palette — mustard, avocado, burnt orange, and brown. Hex codes for vintage branding and nostalgic designs.
The Retro 70s Palette
- Cream #F7E7B4 rgb(247, 231, 180) hsl(46, 81%, 84%)
- Mustard #E8A33D rgb(232, 163, 61) hsl(36, 79%, 57%)
- Burnt Orange #BC5A1F rgb(188, 90, 31) hsl(23, 72%, 43%)
- Chocolate #7B3F00 rgb(123, 63, 0) hsl(31, 100%, 24%)
- Avocado #A3B18A rgb(163, 177, 138) hsl(82, 20%, 62%)
- Olive #606C38 rgb(96, 108, 56) hsl(74, 32%, 32%)
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
#F7E7B4, #E8A33D, #BC5A1F, #7B3F00, #A3B18A, #606C38
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 retro 70s 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.