Retro 70s Color Palette
Cream, harvest gold, burnt orange, avocado green, teal and chocolate brown, the warm colors of 1970s design.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#F2DFAE
#E8A33D
#D4612C
#7A8B3A
#3F6B6B
#6B3F26
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #F2DFAE | T - | T - | |
| #E8A33D | T - | T - | |
| #D4612C | T - | T - | |
| #7A8B3A | T - | T - | |
| #3F6B6B | T - | T - | |
| #6B3F26 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Retro 70s CSS Code
oklch(90.72% 0.0669 89.34) oklch(76.49% 0.1399 72.95) oklch(62.62% 0.1592 42.92) oklch(60.54% 0.1085 119.68) oklch(49.61% 0.0488 195.69) oklch(41.48% 0.0723 49.42)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Retro 70s palette?
Cream, harvest gold, burnt orange, avocado green, teal and chocolate brown, the warm colors of 1970s design.
How do I turn the Retro 70s palette into a CSS gradient?
Use background: linear-gradient(to right, #F2DFAE, #E8A33D, #D4612C, #7A8B3A, #3F6B6B, #6B3F26);, or click "Make it a gradient" above to open it in the live generator.