ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Fashion

Summer Sundress Citron

Breezy sunshine yellow sundress fashion palette radiating optimism, citrus orchards, and summer warmth.

#Fashion#Fresh#Warm#Creative#Vibrant
Open in Generator
COLOR 1
#713F12
Sepia Tone
COLOR 2
#CA8A04
Harvest Gold
COLOR 3
#EAB308
Yellow 500
COLOR 4
#FEF08A
Pale Sunshine
COLOR 5
#FEFCE8
Vintage Cream

Color Values & Codes

HEX · RGB · HSL
Sepia Tone
#713F12
rgb(113, 63, 18)hsl(28, 73%, 26%)Color details →
rgb(202, 138, 4)hsl(41, 96%, 40%)Color details →
Yellow 500
#EAB308
rgb(234, 179, 8)hsl(45, 93%, 47%)Color details →
rgb(254, 240, 138)hsl(53, 98%, 77%)Color details →
rgb(254, 252, 232)hsl(55, 92%, 95%)Color details →

Open In Design Tools

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

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #713F12;
  --color-2: #CA8A04;
  --color-3: #EAB308;
  --color-4: #FEF08A;
  --color-5: #FEFCE8;
}

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
#713F12 on #FEF08A7.45:1
Normal Text AA Pass
Sample Text
#713F12 on #FEFCE88.38:1
Normal Text AA Pass
Sample Text
#CA8A04 on #FEF08A2.52:1
Large Text Only (Fail)
Sample Text
#CA8A04 on #FEFCE82.84:1
Large Text Only (Fail)
Sample Text
#EAB308 on #FEF08A1.65:1
Large Text Only (Fail)
Sample Text
#EAB308 on #FEFCE81.85:1
Large Text Only (Fail)

Related Palettes in Fashion

Explore Fashion
#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
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion