ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Fashion

Preppy Ivy League Crimson

Classic American collegiate aesthetic pairing heritage varsity crimson with navy blazers and antique brass buttons.

#Fashion#Bold#Warm#Clean#Luxury
Open in Generator
COLOR 1
#450A0A
Deep Mahogany
COLOR 2
#881337
Vintage Velvet Red
COLOR 3
#1E3A8A
Dark Slate Blue
COLOR 4
#CA8A04
Harvest Gold
COLOR 5
#F8FAFC
Slate 50

Color Values & Codes

HEX · RGB · HSL
rgb(69, 10, 10)hsl(0, 75%, 15%)Color details →
rgb(136, 19, 55)hsl(342, 75%, 30%)Color details →
rgb(30, 58, 138)hsl(224, 64%, 33%)Color details →
rgb(202, 138, 4)hsl(41, 96%, 40%)Color details →
Slate 50
#F8FAFC
rgb(248, 250, 252)hsl(210, 40%, 98%)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: #450A0A;
  --color-2: #881337;
  --color-3: #1E3A8A;
  --color-4: #CA8A04;
  --color-5: #F8FAFC;
}

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
#450A0A on #CA8A045.50:1
Normal Text AA Pass
Sample Text
#450A0A on #F8FAFC15.43:1
Normal Text AA Pass
Sample Text
#881337 on #CA8A043.26:1
Large Text Only (Pass)
Sample Text
#881337 on #F8FAFC9.14:1
Normal Text AA Pass
Sample Text
#1E3A8A on #CA8A043.53:1
Large Text Only (Pass)
Sample Text
#1E3A8A on #F8FAFC9.90:1
Normal Text AA Pass

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
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold