← Back to Editor

#C0E1DA · #EEE9C1 · #EFA10B · #3F2030 · #B90707

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 PostIllustrationData Visualization

Color Details Color Details

#C0E1DA

Jade · LightBlue · Glacier Blue

HEX
#C0E1DA
RGB
rgb(192, 225, 218)
HSL
hsl(167, 35%, 82%)
HSB
hsb(167, 15%, 88%)
CMYK
cmyk(15%, 0%, 3%, 12%)
Oklch
oklch(88.4% 0.036 181.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#EEE9C1

Fresh Green · Bisque · Lemon Cream

HEX
#EEE9C1
RGB
rgb(238, 233, 193)
HSL
hsl(53, 57%, 85%)
HSB
hsb(53, 19%, 93%)
CMYK
cmyk(0%, 2%, 19%, 7%)
Oklch
oklch(92.8% 0.053 101.5)

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

#EFA10B

Ochre · Orange · Amber Brown

HEX
#EFA10B
RGB
rgb(239, 161, 11)
HSL
hsl(39, 91%, 49%)
HSB
hsb(39, 95%, 94%)
CMYK
cmyk(0%, 33%, 95%, 6%)
Oklch
oklch(76.7% 0.161 74.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#3F2030

Rose Purple · DarkSlateGray · Raspberry

HEX
#3F2030
RGB
rgb(63, 32, 48)
HSL
hsl(329, 33%, 19%)
HSB
hsb(329, 49%, 25%)
CMYK
cmyk(0%, 49%, 24%, 75%)
Oklch
oklch(29.1% 0.053 348.7)

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

#B90707

Vermilion · FireBrick · Wine Red

HEX
#B90707
RGB
rgb(185, 7, 7)
HSL
hsl(0, 93%, 38%)
HSB
hsb(0, 96%, 73%)
CMYK
cmyk(0%, 96%, 96%, 27%)
Oklch
oklch(49.6% 0.200 28.9)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0E1DA
E1C1C8

Analogous

C1E1CA
C0E1DA
C1D8E1

Triadic

C0E1DA
DAC1E1
E1DAC1

Split-Comp.

C0E1DA
E1C1D8
E1CAC1

Tetradic

C0E1DA
CAC1E1
E1C1C8
D8E1C1

Contrast Matrix WCAG 2.1 Contrast

C0E1DA
EEE9C1
EFA10B
3F2030
B90707
—
1.1
Fail
1.5
Fail
10.3
AAA
4.9
AA
1.1
Fail
—
1.7
Fail
11.7
AAA
5.5
AA
1.5
Fail
1.7
Fail
—
6.7
AA
3.2
AA Large
10.3
AAA
11.7
AAA
6.7
AA
—
2.1
Fail
4.9
AA
5.5
AA
3.2
AA Large
2.1
Fail
—
White BG
1.4Fail
1.2Fail
2.1Fail
14.4AAA
6.8AA
Black BG
15.0AAA
17.1AAA
9.8AAA
1.5Fail
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECFDC
ECECCB
CDCD2F
32312C
6C6A07

Deuteranopia

CCCADC
ECEDCD
D2D838
33362B
768407

Tritanopia

C2DDDD
EED2D4
EB4C52
3D2928
B00707

Achromatopsia

D6D6D6
E6E6E6
A7A7A7
2B2B2B
3C3C3C

Shades & Tints Shades & Tints

#C0E1DA

Dark
Light

#EEE9C1

Dark
Light

#EFA10B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0e1da;
  --color-2: #eee9c1;
  --color-3: #efa10b;
  --color-4: #3f2030;
  --color-5: #b90707;
}

SCSS

$color-1: #c0e1da;
$color-2: #eee9c1;
$color-3: #efa10b;
$color-4: #3f2030;
$color-5: #b90707;

TAILWIND

colors: {
  'brand-1': '#c0e1da',
  'brand-2': '#eee9c1',
  'brand-3': '#efa10b',
  'brand-4': '#3f2030',
  'brand-5': '#b90707',
}

RGB Array

[192, 225, 218], [238, 233, 193], [239, 161, 11], [63, 32, 48], [185, 7, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C0E1DA, #EEE9C1, #EFA10B, #3F2030, #B90707 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: #c0e1da; --color-2: #eee9c1; --color-3: #efa10b; --color-4: #3f2030; --color-5: #b90707. 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