← Back to Editor

#EEB68B · #E19784 · #7B596C · #92838C · #A9A0A5

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 PostIllustration

Color Details Color Details

#EEB68B

Apricot · BurlyWood · Warm Sun

HEX
#EEB68B
RGB
rgb(238, 182, 139)
HSL
hsl(26, 74%, 74%)
HSB
hsb(26, 42%, 93%)
CMYK
cmyk(0%, 24%, 42%, 7%)
Oklch
oklch(81.7% 0.087 58.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E19784

Peach Pink · DarkSalmon · Coral Red

HEX
#E19784
RGB
rgb(225, 151, 132)
HSL
hsl(12, 61%, 70%)
HSB
hsb(12, 41%, 88%)
CMYK
cmyk(0%, 33%, 41%, 12%)
Oklch
oklch(74.5% 0.094 35.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#7B596C

Rose Purple · DimGray · Camellia

HEX
#7B596C
RGB
rgb(123, 89, 108)
HSL
hsl(326, 16%, 42%)
HSB
hsb(326, 28%, 48%)
CMYK
cmyk(0%, 28%, 12%, 52%)
Oklch
oklch(50.6% 0.052 344.5)

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

#92838C

Ash · Gray · Warm Gray

HEX
#92838C
RGB
rgb(146, 131, 140)
HSL
hsl(324, 6%, 54%)
HSB
hsb(324, 10%, 57%)
CMYK
cmyk(0%, 10%, 4%, 43%)
Oklch
oklch(62.6% 0.022 341.0)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#A9A0A5

Ash · DarkGray · Silver Sand

HEX
#A9A0A5
RGB
rgb(169, 160, 165)
HSL
hsl(327, 5%, 65%)
HSB
hsb(327, 5%, 66%)
CMYK
cmyk(0%, 5%, 2%, 34%)
Oklch
oklch(71.5% 0.013 342.8)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEB68B
8CC3EE

Analogous

EE8C92
EEB68B
EEE78C

Triadic

EEB68B
8CEEB6
B68CEE

Split-Comp.

EEB68B
8CEEE7
8C92EE

Tetradic

EEB68B
92EE8C
8CC3EE
E78CEE

Contrast Matrix WCAG 2.1 Contrast

EEB68B
E19784
7B596C
92838C
A9A0A5
—
1.3
Fail
3.4
AA Large
2.0
Fail
1.4
Fail
1.3
Fail
—
2.6
Fail
1.5
Fail
1.1
Fail
3.4
AA Large
2.6
Fail
—
1.7
Fail
2.4
Fail
2.0
Fail
1.5
Fail
1.7
Fail
—
1.4
Fail
1.4
Fail
1.1
Fail
2.4
Fail
1.4
Fail
—
White BG
1.8Fail
2.3Fail
6.0AA
3.6AA Large
2.5Fail
Black BG
11.7AAA
9.0AAA
3.5AA Large
5.8AA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D595
C1C089
6C6C67
8C8B8A
A5A5A4

Deuteranopia

D9DD98
C5CB8A
6E7166
8C8E89
A6A6A4

Tritanopia

EB9E9F
DD8C8D
796463
918888
A9A3A3

Achromatopsia

C2C2C2
ABABAB
656565
898989
A3A3A3

Shades & Tints Shades & Tints

#EEB68B

Dark
Light

#E19784

Dark
Light

#7B596C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eeb68b;
  --color-2: #e19784;
  --color-3: #7b596c;
  --color-4: #92838c;
  --color-5: #a9a0a5;
}

SCSS

$color-1: #eeb68b;
$color-2: #e19784;
$color-3: #7b596c;
$color-4: #92838c;
$color-5: #a9a0a5;

TAILWIND

colors: {
  'brand-1': '#eeb68b',
  'brand-2': '#e19784',
  'brand-3': '#7b596c',
  'brand-4': '#92838c',
  'brand-5': '#a9a0a5',
}

RGB Array

[238, 182, 139], [225, 151, 132], [123, 89, 108], [146, 131, 140], [169, 160, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EEB68B, #E19784, #7B596C, #92838C, #A9A0A5 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: #eeb68b; --color-2: #e19784; --color-3: #7b596c; --color-4: #92838c; --color-5: #a9a0a5. 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