← Back to Editor

#9ECC2A · #F78119 · #E93480 · #594356 · #128CE3

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#9ECC2A

Grass Green · GreenYellow · Olive Green

HEX
#9ECC2A
RGB
rgb(158, 204, 42)
HSL
hsl(77, 66%, 48%)
HSB
hsb(77, 79%, 80%)
CMYK
cmyk(23%, 0%, 79%, 20%)
Oklch
oklch(78.5% 0.185 125.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#F78119

Tangerine · Chocolate · Warm Sun

HEX
#F78119
RGB
rgb(247, 129, 25)
HSL
hsl(28, 93%, 53%)
HSB
hsb(28, 90%, 97%)
CMYK
cmyk(0%, 48%, 90%, 3%)
Oklch
oklch(72.3% 0.175 53.7)

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

#E93480

Dark Violet · DeepPink · Rose Pink

HEX
#E93480
RGB
rgb(233, 52, 128)
HSL
hsl(335, 80%, 56%)
HSB
hsb(335, 78%, 91%)
CMYK
cmyk(0%, 78%, 45%, 9%)
Oklch
oklch(62.7% 0.221 1.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#594356

Rose Purple · DarkSlateGray · Eggplant

HEX
#594356
RGB
rgb(89, 67, 86)
HSL
hsl(308, 14%, 31%)
HSB
hsb(308, 25%, 35%)
CMYK
cmyk(0%, 25%, 3%, 65%)
Oklch
oklch(41.3% 0.042 331.0)

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

#128CE3

Lake Blue · DodgerBlue · Navy Blue

HEX
#128CE3
RGB
rgb(18, 140, 227)
HSL
hsl(205, 85%, 48%)
HSB
hsb(205, 92%, 89%)
CMYK
cmyk(92%, 38%, 0%, 11%)
Oklch
oklch(62.4% 0.162 247.8)

Traditional「Lake Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9ECC2A
572ACB

Analogous

CBA82A
9ECC2A
4DCB2A

Triadic

9ECC2A
2A9DCB
CB2A9D

Split-Comp.

9ECC2A
2A4DCB
A82ACB

Tetradic

9ECC2A
2ACBA8
572ACB
CB2A4D

Contrast Matrix WCAG 2.1 Contrast

9ECC2A
F78119
E93480
594356
128CE3
—
1.4
Fail
2.1
Fail
4.7
AA
1.9
Fail
1.4
Fail
—
1.5
Fail
3.4
AA Large
1.4
Fail
2.1
Fail
1.5
Fail
—
2.2
Fail
1.1
Fail
4.7
AA
3.4
AA Large
2.2
Fail
—
2.5
Fail
1.9
Fail
1.4
Fail
1.1
Fail
2.5
Fail
—
White BG
1.9Fail
2.6Fail
4.0AA Large
8.9AAA
3.6AA Large
Black BG
11.1AAA
8.1AAA
5.3AA
2.4Fail
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B251
C4C332
9B996E
4F4F51
4748CE

Deuteranopia

AFAC5B
CBD438
A5B369
515250
4037C9

Tritanopia

A07077
F1464A
E05F5C
584E4D
18BDBA

Achromatopsia

ACACAC
989898
737373
4C4C4C
717171

Shades & Tints Shades & Tints

#9ECC2A

Dark
Light

#F78119

Dark
Light

#E93480

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9ecc2a;
  --color-2: #f78119;
  --color-3: #e93480;
  --color-4: #594356;
  --color-5: #128ce3;
}

SCSS

$color-1: #9ecc2a;
$color-2: #f78119;
$color-3: #e93480;
$color-4: #594356;
$color-5: #128ce3;

TAILWIND

colors: {
  'brand-1': '#9ecc2a',
  'brand-2': '#f78119',
  'brand-3': '#e93480',
  'brand-4': '#594356',
  'brand-5': '#128ce3',
}

RGB Array

[158, 204, 42], [247, 129, 25], [233, 52, 128], [89, 67, 86], [18, 140, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #9ECC2A, #F78119, #E93480, #594356, #128CE3 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #9ecc2a; --color-2: #f78119; --color-3: #e93480; --color-4: #594356; --color-5: #128ce3. 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 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