← Back to Editor

#E6DFAB · #B0CEAC · #94BEA8 · #77AB9E · #639491

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

#E6DFAB

Fresh Green · Wheat · Lemon Cream

HEX
#E6DFAB
RGB
rgb(230, 223, 171)
HSL
hsl(53, 54%, 79%)
HSB
hsb(53, 26%, 90%)
CMYK
cmyk(0%, 3%, 26%, 10%)
Oklch
oklch(89.7% 0.068 101.2)

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

#B0CEAC

Celadon · Silver · Apple Green

HEX
#B0CEAC
RGB
rgb(176, 206, 172)
HSL
hsl(113, 26%, 74%)
HSB
hsb(113, 17%, 81%)
CMYK
cmyk(15%, 0%, 17%, 19%)
Oklch
oklch(82.0% 0.057 141.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#94BEA8

Celadon · DarkSeaGreen · Apple Green

HEX
#94BEA8
RGB
rgb(148, 190, 168)
HSL
hsl(149, 24%, 66%)
HSB
hsb(149, 22%, 75%)
CMYK
cmyk(22%, 0%, 12%, 25%)
Oklch
oklch(76.5% 0.055 161.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#77AB9E

Mineral Blue · CadetBlue · Lake Green

HEX
#77AB9E
RGB
rgb(119, 171, 158)
HSL
hsl(165, 24%, 57%)
HSB
hsb(165, 30%, 67%)
CMYK
cmyk(30%, 0%, 8%, 33%)
Oklch
oklch(70.1% 0.058 177.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#639491

Mineral Blue · CadetBlue · Mint Ice

HEX
#639491
RGB
rgb(99, 148, 145)
HSL
hsl(176, 20%, 48%)
HSB
hsb(176, 33%, 58%)
CMYK
cmyk(33%, 0%, 2%, 42%)
Oklch
oklch(63.1% 0.053 191.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6DFAB
ADB3E6

Analogous

E6C3AD
E6DFAB
D0E6AD

Triadic

E6DFAB
ADE6E0
E0ADE6

Split-Comp.

E6DFAB
ADD0E6
C3ADE6

Tetradic

E6DFAB
ADE6C3
ADB3E6
E6ADD0

Contrast Matrix WCAG 2.1 Contrast

E6DFAB
B0CEAC
94BEA8
77AB9E
639491
—
1.3
Fail
1.5
Fail
1.9
Fail
2.5
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.9
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
2.5
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
White BG
1.4Fail
1.7Fail
2.1Fail
2.6Fail
3.4AA Large
Black BG
15.5AAA
12.3AAA
10.2AAA
8.1AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3B8
BDBDB4
A6A7AD
8E8EA1
787992

Deuteranopia

E3E4BB
BBB9B6
A4A1AF
8B87A2
757292

Tritanopia

E6C2C4
B2BBBC
96B2B2
7AA4A4
659292

Achromatopsia

DBDBDB
C1C1C1
AFAFAF
9A9A9A
858585

Shades & Tints Shades & Tints

#E6DFAB

Dark
Light

#B0CEAC

Dark
Light

#94BEA8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6dfab;
  --color-2: #b0ceac;
  --color-3: #94bea8;
  --color-4: #77ab9e;
  --color-5: #639491;
}

SCSS

$color-1: #e6dfab;
$color-2: #b0ceac;
$color-3: #94bea8;
$color-4: #77ab9e;
$color-5: #639491;

TAILWIND

colors: {
  'brand-1': '#e6dfab',
  'brand-2': '#b0ceac',
  'brand-3': '#94bea8',
  'brand-4': '#77ab9e',
  'brand-5': '#639491',
}

RGB Array

[230, 223, 171], [176, 206, 172], [148, 190, 168], [119, 171, 158], [99, 148, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E6DFAB, #B0CEAC, #94BEA8, #77AB9E, #639491 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #e6dfab; --color-2: #b0ceac; --color-3: #94bea8; --color-4: #77ab9e; --color-5: #639491. 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. 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