Salmon#FF6B6B
Pale Violet Red#F06595
Medium Orchid#CC5DE8
Medium Slate Blue#845EF7
Cornflower Blue#5C7CFA

Color Palette

#FF6B6B · #F06595 · #CC5DE8 · #845EF7 · #5C7CFA

analogous0 likes
Share

Export for Developers

:root {
  --color-1: #FF6B6B;
  --color-1-rgb: 255, 107, 107;
  --color-1-hsl: 0, 100%, 71%;
  --color-2: #F06595;
  --color-2-rgb: 240, 101, 149;
  --color-2-hsl: 339, 82%, 67%;
  --color-3: #CC5DE8;
  --color-3-rgb: 204, 93, 232;
  --color-3-hsl: 288, 75%, 64%;
  --color-4: #845EF7;
  --color-4-rgb: 132, 94, 247;
  --color-4-hsl: 255, 91%, 67%;
  --color-5: #5C7CFA;
  --color-5-rgb: 92, 124, 250;
  --color-5-hsl: 228, 94%, 67%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#FF6B6B
On White
2.78:1Fail
On Black
7.57:1AAA
Aa
Aa
#F06595
On White
3:1Fail
On Black
7:1AAA
Aa
Aa
#CC5DE8
On White
3.33:1Fail
On Black
6.3:1AA
Aa
Aa
#845EF7
On White
4.26:1Fail
On Black
4.93:1AA
Aa
Aa
#5C7CFA
On White
3.67:1Fail
On Black
5.72:1AA
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