#E9D131 + #E89643 + #C2558F + #6B5AB8 + #3D9BB4 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E9D131

Autumn Sage · GoldenRod · Sunflower

HEX

#E9D131

RGB

rgb(233, 209, 49)

HSL

hsl(52, 81%, 55%)

HSB

hsb(52, 79%, 91%)

CMYK

cmyk(0%, 10%, 79%, 9%)

Oklch

oklch(85.5% 0.166 100.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E89643

Ginger · SandyBrown · Warm Sun

HEX

#E89643

RGB

rgb(232, 150, 67)

HSL

hsl(30, 78%, 59%)

HSB

hsb(30, 71%, 91%)

CMYK

cmyk(0%, 35%, 71%, 9%)

Oklch

oklch(74.2% 0.138 62.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#C2558F

Rose Purple · LightCoral · Rose Pink

HEX

#C2558F

RGB

rgb(194, 85, 143)

HSL

hsl(328, 47%, 55%)

HSB

hsb(328, 56%, 76%)

CMYK

cmyk(0%, 56%, 26%, 24%)

Oklch

oklch(60.4% 0.154 349.6)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#6B5AB8

Deep Indigo · SlateBlue · Navy Blue

HEX

#6B5AB8

RGB

rgb(107, 90, 184)

HSL

hsl(251, 40%, 54%)

HSB

hsb(251, 51%, 72%)

CMYK

cmyk(42%, 51%, 0%, 28%)

Oklch

oklch(53.0% 0.143 288.9)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#3D9BB4

Slate Blue · SteelBlue · Mint Ice

HEX

#3D9BB4

RGB

rgb(61, 155, 180)

HSL

hsl(193, 49%, 47%)

HSB

hsb(193, 66%, 71%)

CMYK

cmyk(66%, 14%, 0%, 29%)

Oklch

oklch(64.4% 0.094 218.6)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9D131

2F48E9

Analogous

E9732F

E9D131

A5E92F

Triadic

E9D131

2FE9D0

D02FE9

Split-Comp.

E9D131

2FA5E9

732FE9

Tetradic

E9D131

2FE973

2F48E9

E92FA5

Contrast Matrix WCAG 2.1 Contrast

E9D131	E89643	C2558F	6B5AB8	3D9BB4
—	1.5 Fail	2.7 Fail	3.6 AA Large	2.1 Fail
1.5 Fail	—	1.8 Fail	2.3 Fail	1.4 Fail
2.7 Fail	1.8 Fail	—	1.3 Fail	1.3 Fail
3.6 AA Large	2.3 Fail	1.3 Fail	—	1.7 Fail
2.1 Fail	1.4 Fail	1.3 Fail	1.7 Fail	—

White BG

1.5Fail

2.4Fail

4.2AA Large

5.6AA

3.2AA Large

Black BG

13.6AAA

8.9AAA

5.0AA

3.8AA Large

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDE58

C4C457

939281

6463A1

6667AE

Deuteranopia

E0E261

C9CF5C

99A17E

65669C

6059AD

Tritanopia

E8767D

E4676A

BD7673

6A8F8B

42A9A8

Achromatopsia

C6C6C6

A5A5A5

7C7C7C

6A6A6A

828282

Shades & Tints Shades & Tints

#E9D131

Dark

Light

#E89643

Dark

Light

#C2558F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9d131;
  --color-2: #e89643;
  --color-3: #c2558f;
  --color-4: #6b5ab8;
  --color-5: #3d9bb4;
}

SCSS

$color-1: #e9d131;
$color-2: #e89643;
$color-3: #c2558f;
$color-4: #6b5ab8;
$color-5: #3d9bb4;

TAILWIND

colors: {
  'brand-1': '#e9d131',
  'brand-2': '#e89643',
  'brand-3': '#c2558f',
  'brand-4': '#6b5ab8',
  'brand-5': '#3d9bb4',
}

RGB Array

[233, 209, 49], [232, 150, 67], [194, 85, 143], [107, 90, 184], [61, 155, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E9D131, #E89643, #C2558F, #6B5AB8, #3D9BB4 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e9d131; --color-2: #e89643; --color-3: #c2558f; --color-4: #6b5ab8; --color-5: #3d9bb4. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This pastel-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color