← Back to Editor

#EED1CC · #EEE9CC · #0C0C0B · #E3D262 · #F9EFAB

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

#EED1CC

Peach Pink · Pink · Cherry Blossom

HEX
#EED1CC
RGB
rgb(238, 209, 204)
HSL
hsl(9, 50%, 87%)
HSB
hsb(9, 14%, 93%)
CMYK
cmyk(0%, 12%, 14%, 7%)
Oklch
oklch(88.3% 0.033 29.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EEE9CC

Fresh Green · Bisque · Lemon Cream

HEX
#EEE9CC
RGB
rgb(238, 233, 204)
HSL
hsl(51, 50%, 87%)
HSB
hsb(51, 14%, 93%)
CMYK
cmyk(0%, 2%, 14%, 7%)
Oklch
oklch(93.0% 0.039 99.0)

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

#0C0C0B

Ink Black · Black · Jet Black

HEX
#0C0C0B
RGB
rgb(12, 12, 11)
HSL
hsl(60, 4%, 5%)
HSB
hsb(60, 8%, 5%)
CMYK
cmyk(0%, 0%, 8%, 95%)
Oklch
oklch(15.4% 0.002 106.6)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#E3D262

Fresh Green · BurlyWood · Sunflower

HEX
#E3D262
RGB
rgb(227, 210, 98)
HSL
hsl(52, 70%, 64%)
HSB
hsb(52, 57%, 89%)
CMYK
cmyk(0%, 7%, 57%, 11%)
Oklch
oklch(85.6% 0.134 100.8)

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

#F9EFAB

Fresh Green · Wheat · Lemon Cream

HEX
#F9EFAB
RGB
rgb(249, 239, 171)
HSL
hsl(52, 87%, 82%)
HSB
hsb(52, 31%, 98%)
CMYK
cmyk(0%, 4%, 31%, 2%)
Oklch
oklch(94.4% 0.087 100.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EED1CC
CDE9EE

Analogous

EECDD9
EED1CC
EEE3CD

Triadic

EED1CC
CDEED2
D2CDEE

Split-Comp.

EED1CC
CDEEE3
CDD9EE

Tetradic

EED1CC
D9EECD
CDE9EE
E3CDEE

Contrast Matrix WCAG 2.1 Contrast

EED1CC
EEE9CC
0C0C0B
E3D262
F9EFAB
—
1.2
Fail
13.6
AAA
1.1
Fail
1.2
Fail
1.2
Fail
—
16.0
AAA
1.3
Fail
1.0
Fail
13.6
AAA
16.0
AAA
—
12.7
AAA
16.7
AAA
1.1
Fail
1.3
Fail
12.7
AAA
—
1.3
Fail
1.2
Fail
1.0
Fail
16.7
AAA
1.3
Fail
—
White BG
1.4Fail
1.2Fail
19.6AAA
1.5Fail
1.2Fail
Black BG
14.6AAA
17.2AAA
1.1Fail
13.7AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1CD
ECECD3
0C0C0B
DCDB7D
F5F5BB

Deuteranopia

E3E5CD
ECEDD5
0C0C0B
DDDE84
F5F6BF

Tritanopia

EDCECE
EED9DA
0C0B0B
E29297
F8C8CB

Achromatopsia

D9D9D9
E7E7E7
0C0C0C
CACACA
EAEAEA

Shades & Tints Shades & Tints

#EED1CC

Dark
Light

#EEE9CC

Dark
Light

#0C0C0B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eed1cc;
  --color-2: #eee9cc;
  --color-3: #0c0c0b;
  --color-4: #e3d262;
  --color-5: #f9efab;
}

SCSS

$color-1: #eed1cc;
$color-2: #eee9cc;
$color-3: #0c0c0b;
$color-4: #e3d262;
$color-5: #f9efab;

TAILWIND

colors: {
  'brand-1': '#eed1cc',
  'brand-2': '#eee9cc',
  'brand-3': '#0c0c0b',
  'brand-4': '#e3d262',
  'brand-5': '#f9efab',
}

RGB Array

[238, 209, 204], [238, 233, 204], [12, 12, 11], [227, 210, 98], [249, 239, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EED1CC, #EEE9CC, #0C0C0B, #E3D262, #F9EFAB is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #eed1cc; --color-2: #eee9cc; --color-3: #0c0c0b; --color-4: #e3d262; --color-5: #f9efab. 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 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