Apricot#FFB4A2
Dark Salmon#E5989B
Stone#B5838D
Dim Gray#6D6875
Apricot#FFCDB2

Color Palette

#FFB4A2 · #E5989B · #B5838D · #6D6875 · #FFCDB2

analogous0 likes
Share

Export for Developers

:root {
  --color-1: #FFB4A2;
  --color-1-rgb: 255, 180, 162;
  --color-1-hsl: 12, 100%, 82%;
  --color-2: #E5989B;
  --color-2-rgb: 229, 152, 155;
  --color-2-hsl: 358, 60%, 75%;
  --color-3: #B5838D;
  --color-3-rgb: 181, 131, 141;
  --color-3-hsl: 348, 25%, 61%;
  --color-4: #6D6875;
  --color-4-rgb: 109, 104, 117;
  --color-4-hsl: 263, 6%, 43%;
  --color-5: #FFCDB2;
  --color-5-rgb: 255, 205, 178;
  --color-5-hsl: 21, 100%, 85%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#FFB4A2
On White
1.71:1Fail
On Black
12.3:1AAA
Aa
Aa
#E5989B
On White
2.26:1Fail
On Black
9.3:1AAA
Aa
Aa
#B5838D
On White
3.18:1Fail
On Black
6.6:1AA
Aa
Aa
#6D6875
On White
5.4:1AA
On Black
3.89:1Fail
Aa
Aa
#FFCDB2
On White
1.44:1Fail
On Black
14.63:1AAA
Aa
Aa

Contrast ratios calculated per WCAG 2.1. AA requires ≥4.5:1, AAA requires ≥7:1 for normal text.

Palette Variations

Palette Variations

Original

☀️

lighter

· Increased lightness, reduced saturation

🌑

darker

· Reduced lightness, increased saturation

🌫️

muted

· Desaturated for a calm, muted look

vibrant

· Boosted saturation for maximum impact