← Back to Editor

#413249 · #CCC591 · #E2B24C · #EB783F · #FF426A

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#413249

Dark Plum · DarkSlateGray · Eggplant

HEX
#413249
RGB
rgb(65, 50, 73)
HSL
hsl(279, 19%, 24%)
HSB
hsb(279, 32%, 29%)
CMYK
cmyk(11%, 32%, 0%, 71%)
Oklch
oklch(34.3% 0.044 313.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#CCC591

Fresh Green · Tan · Sunflower

HEX
#CCC591
RGB
rgb(204, 197, 145)
HSL
hsl(53, 37%, 68%)
HSB
hsb(53, 29%, 80%)
CMYK
cmyk(0%, 3%, 29%, 20%)
Oklch
oklch(81.6% 0.069 101.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E2B24C

Ginger · SandyBrown · Sunflower

HEX
#E2B24C
RGB
rgb(226, 178, 76)
HSL
hsl(41, 72%, 59%)
HSB
hsb(41, 66%, 89%)
CMYK
cmyk(0%, 21%, 66%, 11%)
Oklch
oklch(78.8% 0.130 83.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#EB783F

Tangerine · Coral · Warm Sun

HEX
#EB783F
RGB
rgb(235, 120, 63)
HSL
hsl(20, 81%, 58%)
HSB
hsb(20, 73%, 92%)
CMYK
cmyk(0%, 49%, 73%, 8%)
Oklch
oklch(69.5% 0.159 45.1)

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

#FF426A

Peach Pink · Tomato · Coral Red

HEX
#FF426A
RGB
rgb(255, 66, 106)
HSL
hsl(347, 100%, 63%)
HSB
hsb(347, 74%, 100%)
CMYK
cmyk(0%, 74%, 58%, 0%)
Oklch
oklch(66.8% 0.223 13.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

413249
3A4932

Analogous

353249
413249
493245

Triadic

413249
494132
324941

Split-Comp.

413249
454932
324935

Tetradic

413249
493532
3A4932
324549

Contrast Matrix WCAG 2.1 Contrast

413249
CCC591
E2B24C
EB783F
FF426A
—
6.7
AA
6.0
AA
4.1
AA Large
3.5
AA Large
6.7
AA
—
1.1
Fail
1.6
Fail
1.9
Fail
6.0
AA
1.1
Fail
—
1.5
Fail
1.7
Fail
4.1
AA Large
1.6
Fail
1.5
Fail
—
1.2
Fail
3.5
AA Large
1.9
Fail
1.7
Fail
1.2
Fail
—
White BG
11.8AAA
1.8Fail
2.0Fail
2.9Fail
3.4AA Large
Black BG
1.8Fail
12.0AAA
10.7AAA
7.3AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3A43
C9C99E
CDCD65
B9B84D
ADAB60

Deuteranopia

3B3D42
C9CAA1
D0D46B
C0C950
B8C65E

Tritanopia

403F3E
CCA8AA
E0787C
E5585A
F65957

Achromatopsia

393939
C1C1C1
B5B5B5
949494
7F7F7F

Shades & Tints Shades & Tints

#413249

Dark
Light

#CCC591

Dark
Light

#E2B24C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #413249;
  --color-2: #ccc591;
  --color-3: #e2b24c;
  --color-4: #eb783f;
  --color-5: #ff426a;
}

SCSS

$color-1: #413249;
$color-2: #ccc591;
$color-3: #e2b24c;
$color-4: #eb783f;
$color-5: #ff426a;

TAILWIND

colors: {
  'brand-1': '#413249',
  'brand-2': '#ccc591',
  'brand-3': '#e2b24c',
  'brand-4': '#eb783f',
  'brand-5': '#ff426a',
}

RGB Array

[65, 50, 73], [204, 197, 145], [226, 178, 76], [235, 120, 63], [255, 66, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #413249, #CCC591, #E2B24C, #EB783F, #FF426A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #413249; --color-2: #ccc591; --color-3: #e2b24c; --color-4: #eb783f; --color-5: #ff426a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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