ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Fashion

Denim Indigo Wash

Heritage selvedge denim collection featuring deep raw indigo, stone-washed lapels, and clean white stitch contrast.

#Fashion#Cool#Clean#Modern#Creative
Open in Generator
COLOR 1
#172554
Royal Sapphire
COLOR 2
#1E40AF
Cobalt Blue Intense
COLOR 3
#3B82F6
Blueberry
COLOR 4
#93C5FD
Light Sky Blue
COLOR 5
#F0F9FF
Alice Blue

Color Values & Codes

HEX · RGB · HSL
rgb(23, 37, 84)hsl(226, 57%, 21%)Color details →
rgb(30, 64, 175)hsl(226, 71%, 40%)Color details →
Blueberry
#3B82F6
rgb(59, 130, 246)hsl(217, 91%, 60%)Color details →
rgb(147, 197, 253)hsl(212, 96%, 78%)Color details →
Alice Blue
#F0F9FF
rgb(240, 249, 255)hsl(204, 100%, 97%)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: #172554;
  --color-2: #1E40AF;
  --color-3: #3B82F6;
  --color-4: #93C5FD;
  --color-5: #F0F9FF;
}

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
#172554 on #93C5FD8.15:1
Normal Text AA Pass
Sample Text
#172554 on #F0F9FF13.78:1
Normal Text AA Pass
Sample Text
#1E40AF on #93C5FD4.84:1
Normal Text AA Pass
Sample Text
#1E40AF on #F0F9FF8.18:1
Normal Text AA Pass
Sample Text
#3B82F6 on #93C5FD2.04:1
Large Text Only (Fail)
Sample Text
#3B82F6 on #F0F9FF3.45:1
Large Text Only (Pass)

Related Palettes in Fashion

Explore Fashion
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#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