ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Fashion

Coastal Grandma Linen

Relaxed coastal aesthetic pairing crisp oversized button-down shirts with pale beach pebble neutrals.

#Fashion#Soft#Clean#Ocean#Pastel
Open in Generator
COLOR 1
#1E3A8A
Dark Slate Blue
COLOR 2
#60A5FA
Blue Topaz
COLOR 3
#CBD5E1
Slate 300
COLOR 4
#F1F5F9
Slate 100
COLOR 5
#FFFFFF
White

Color Values & Codes

HEX · RGB · HSL
rgb(30, 58, 138)hsl(224, 64%, 33%)Color details →
Blue Topaz
#60A5FA
rgb(96, 165, 250)hsl(213, 94%, 68%)Color details →
Slate 300
#CBD5E1
rgb(203, 213, 225)hsl(213, 27%, 84%)Color details →
Slate 100
#F1F5F9
rgb(241, 245, 249)hsl(210, 40%, 96%)Color details →
White
#FFFFFF
rgb(255, 255, 255)hsl(0, 0%, 100%)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: #1E3A8A;
  --color-2: #60A5FA;
  --color-3: #CBD5E1;
  --color-4: #F1F5F9;
  --color-5: #FFFFFF;
}

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
#1E3A8A on #F1F5F99.45:1
Normal Text AA Pass
Sample Text
#1E3A8A on #FFFFFF10.36:1
Normal Text AA Pass
Sample Text
#60A5FA on #F1F5F92.32:1
Large Text Only (Fail)
Sample Text
#60A5FA on #FFFFFF2.54:1
Large Text Only (Fail)
Sample Text
#CBD5E1 on #F1F5F91.36:1
Large Text Only (Fail)
Sample Text
#CBD5E1 on #FFFFFF1.48:1
Large Text Only (Fail)

Related Palettes in Fashion

Explore Fashion
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion
#020B14Copy
#06283DCopy
#1363DFCopy
#47B5FFCopy
#DFF6FFCopy
cp-featured-08Ocean
Marianas Deep Sea
OceanCool
#005F73Copy
#0A9396Copy
#94D2BDCopy
#E9D8A6Copy
#EE9B00Copy
cp-featured-13Ocean
Caribbean Reef Shallows
OceanFresh
#191817Copy
#4A453FCopy
#8C8275Copy
#C7BCA9Copy
#F2ECE1Copy
cp-featured-15Fashion
Milan Runway Neutral
FashionNeutralCreative