Retro 70s Color Palette
Harvest gold, burnt orange, avocado green and chocolate brown. The 70s palette is groovy and warm, straight from a vintage kitchen or a record sleeve.
Click any color to copy its HEX code.
Retro 70s color codes
| Name | HEX | RGB | HSL | |
|---|---|---|---|---|
| Cream | #F4E4C1 | 244, 228, 193 | 41°, 70%, 86% | |
| Harvest Gold | #E1A73B | 225, 167, 59 | 39°, 73%, 56% | |
| Burnt Orange | #D9661F | 217, 102, 31 | 23°, 75%, 49% | |
| Rust Red | #A63D2A | 166, 61, 42 | 9°, 60%, 41% | |
| Avocado | #8A8D3A | 138, 141, 58 | 62°, 42%, 39% | |
| Chocolate | #4E3524 | 78, 53, 36 | 24°, 37%, 22% |
How to use this palette
A simple way to use 6 colors without chaos is the 60-30-10 rule: about 60% of the space in the lightest shade, 30% in a supporting color and 10% in the accent. For this palette that is Cream (#F4E4C1) as the base, Harvest Gold (#E1A73B) as the supporting color and Burnt Orange (#D9661F) as the accent, with Chocolate (#4E3524) for text and fine details.
Retro 70s
A quick preview of the palette with base, text and accent colors.
Burnt Orange Harvest GoldWhere it works
Readable text color pairs
These combinations reach a contrast ratio of at least 4.5:1, the WCAG AA level for normal text, so they are safe for text on websites, posters and invitations.
- Chocolate on Cream#4E3524 on #F4E4C1 · 9.0:1
- Chocolate on Harvest Gold#4E3524 on #E1A73B · 5.3:1
- Rust Red on Cream#A63D2A on #F4E4C1 · 5.0:1
CSS variables
:root {
--cream: #F4E4C1;
--harvest-gold: #E1A73B;
--burnt-orange: #D9661F;
--rust-red: #A63D2A;
--avocado: #8A8D3A;
--chocolate: #4E3524;
}