← Back to Editor

#EAD686 · #C4BFA7 · #94A4A7 · #7A7690 · #584656

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

#EAD686

Goose Yellow · Khaki · Sunflower

HEX
#EAD686
RGB
rgb(234, 214, 134)
HSL
hsl(48, 70%, 72%)
HSB
hsb(48, 43%, 92%)
CMYK
cmyk(0%, 9%, 43%, 8%)
Oklch
oklch(87.5% 0.103 95.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#C4BFA7

Fresh Green · Silver · Sunflower

HEX
#C4BFA7
RGB
rgb(196, 191, 167)
HSL
hsl(50, 20%, 71%)
HSB
hsb(50, 15%, 77%)
CMYK
cmyk(0%, 3%, 15%, 23%)
Oklch
oklch(80.2% 0.033 97.4)

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

#94A4A7

Sky Blue · DarkGray · Lake Green

HEX
#94A4A7
RGB
rgb(148, 164, 167)
HSL
hsl(189, 10%, 62%)
HSB
hsb(189, 11%, 65%)
CMYK
cmyk(11%, 2%, 0%, 35%)
Oklch
oklch(70.7% 0.019 210.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#7A7690

Deep Indigo · SlateGray · Navy Blue

HEX
#7A7690
RGB
rgb(122, 118, 144)
HSL
hsl(249, 10%, 51%)
HSB
hsb(249, 18%, 56%)
CMYK
cmyk(15%, 18%, 0%, 44%)
Oklch
oklch(57.9% 0.040 292.2)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#584656

Rose Purple · DarkSlateGray · Eggplant

HEX
#584656
RGB
rgb(88, 70, 86)
HSL
hsl(307, 11%, 31%)
HSB
hsb(307, 20%, 35%)
CMYK
cmyk(0%, 20%, 2%, 65%)
Oklch
oklch(41.9% 0.035 329.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAD686
869AEA

Analogous

EAA486
EAD686
CCEA86

Triadic

EAD686
86EAD6
D686EA

Split-Comp.

EAD686
86CCEA
A486EA

Tetradic

EAD686
86EAA4
869AEA
EA86CC

Contrast Matrix WCAG 2.1 Contrast

EAD686
C4BFA7
94A4A7
7A7690
584656
—
1.3
Fail
1.8
Fail
3.0
Fail
6.0
AA
1.3
Fail
—
1.4
Fail
2.4
Fail
4.7
AA
1.8
Fail
1.4
Fail
—
1.7
Fail
3.4
AA Large
3.0
Fail
2.4
Fail
1.7
Fail
—
2.0
Fail
6.0
AA
4.7
AA
3.4
AA Large
2.0
Fail
—
White BG
1.5Fail
1.8Fail
2.6Fail
4.4AA Large
8.7AAA
Black BG
14.5AAA
11.4AAA
8.1AAA
4.8AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E199
C2C2AD
9B9BA6
78788A
505052

Deuteranopia

E3E49E
C2C3AE
9A99A6
797988
515351

Tritanopia

E9A9AC
C4B1B2
95A6A6
7A8584
574F4E

Achromatopsia

D3D3D3
BEBEBE
A0A0A0
7A7A7A
4D4D4D

Shades & Tints Shades & Tints

#EAD686

Dark
Light

#C4BFA7

Dark
Light

#94A4A7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ead686;
  --color-2: #c4bfa7;
  --color-3: #94a4a7;
  --color-4: #7a7690;
  --color-5: #584656;
}

SCSS

$color-1: #ead686;
$color-2: #c4bfa7;
$color-3: #94a4a7;
$color-4: #7a7690;
$color-5: #584656;

TAILWIND

colors: {
  'brand-1': '#ead686',
  'brand-2': '#c4bfa7',
  'brand-3': '#94a4a7',
  'brand-4': '#7a7690',
  'brand-5': '#584656',
}

RGB Array

[234, 214, 134], [196, 191, 167], [148, 164, 167], [122, 118, 144], [88, 70, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EAD686, #C4BFA7, #94A4A7, #7A7690, #584656 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ead686; --color-2: #c4bfa7; --color-3: #94a4a7; --color-4: #7a7690; --color-5: #584656. 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. Restrained colors convey professionalism and trust. 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