ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Vintage

1950s Atomic Ranch

Post-war suburban design palette with boomerang laminate countertops, seafoam appliances, and coral flamingoes.

#Vintage#Retro#Pastel#Creative#Fresh
Open in Generator
COLOR 1
#1B3B36
Pine Needle
COLOR 2
#3A6E65
Agate Green
COLOR 3
#F28E82
Coral Reef
COLOR 4
#FBC4AB
Creamsicle
COLOR 5
#F7EDE2
Linen

Color Values & Codes

HEX · RGB · HSL
rgb(27, 59, 54)hsl(171, 37%, 17%)Color details →
rgb(58, 110, 101)hsl(170, 31%, 33%)Color details →
Coral Reef
#F28E82
rgb(242, 142, 130)hsl(6, 81%, 73%)Color details →
Creamsicle
#FBC4AB
rgb(251, 196, 171)hsl(19, 91%, 83%)Color details →
Linen
#F7EDE2
rgb(247, 237, 226)hsl(31, 57%, 93%)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: #1B3B36;
  --color-2: #3A6E65;
  --color-3: #F28E82;
  --color-4: #FBC4AB;
  --color-5: #F7EDE2;
}

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
#1B3B36 on #FBC4AB7.87:1
Normal Text AA Pass
Sample Text
#1B3B36 on #F7EDE210.53:1
Normal Text AA Pass
Sample Text
#3A6E65 on #FBC4AB3.78:1
Large Text Only (Pass)
Sample Text
#3A6E65 on #F7EDE25.05:1
Normal Text AA Pass
Sample Text
#F28E82 on #FBC4AB1.52:1
Large Text Only (Fail)
Sample Text
#F28E82 on #F7EDE22.03:1
Large Text Only (Fail)

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