ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Vintage

1970s Sunset Strip Folk

Laurel Canyon singer-songwriter aesthetic soaked in amber acoustic guitars, suede fringe jackets, and dusk light.

#Vintage#Retro#Warm#Sunset#Creative
Open in Generator
COLOR 1
#331800
Dark Chocolate
COLOR 2
#6E3500
Sepia Tone
COLOR 3
#AD5A1F
Maple Syrup
COLOR 4
#E68C3A
Butterscotch
COLOR 5
#FCE2B8
Wheat

Color Values & Codes

HEX · RGB · HSL
rgb(51, 24, 0)hsl(28, 100%, 10%)Color details →
Sepia Tone
#6E3500
rgb(110, 53, 0)hsl(29, 100%, 22%)Color details →
rgb(173, 90, 31)hsl(25, 70%, 40%)Color details →
rgb(230, 140, 58)hsl(29, 77%, 56%)Color details →
Wheat
#FCE2B8
rgb(252, 226, 184)hsl(37, 92%, 85%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Vintage Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #331800;
  --color-2: #6E3500;
  --color-3: #AD5A1F;
  --color-4: #E68C3A;
  --color-5: #FCE2B8;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#331800 on #E68C3A6.43:1
Normal Text AA Pass
Sample Text
#331800 on #FCE2B813.14:1
Normal Text AA Pass
Sample Text
#6E3500 on #E68C3A3.76:1
Large Text Only (Pass)
Sample Text
#6E3500 on #FCE2B87.69:1
Normal Text AA Pass
Sample Text
#AD5A1F on #E68C3A1.92:1
Large Text Only (Fail)
Sample Text
#AD5A1F on #FCE2B83.92:1
Large Text Only (Pass)

Related Palettes in Vintage

Explore Vintage
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#E76F51Copy
#F4A261Copy
#E9C46ACopy
#2A9D8FCopy
#264653Copy
cp-featured-03Vintage
1970s California Sun
VintageRetroWarm
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold