← Back to Editor

#6E8081 · #91A990 · #BAC198 · #E2E4C0 · #DAD0A7

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

#6E8081

Slate Blue · SlateGray · Warm Gray

HEX
#6E8081
RGB
rgb(110, 128, 129)
HSL
hsl(183, 8%, 47%)
HSB
hsb(183, 15%, 51%)
CMYK
cmyk(15%, 1%, 0%, 49%)
Oklch
oklch(58.6% 0.021 200.7)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#91A990

Celadon · DarkSeaGreen · Apple Green

HEX
#91A990
RGB
rgb(145, 169, 144)
HSL
hsl(118, 13%, 61%)
HSB
hsb(118, 15%, 66%)
CMYK
cmyk(14%, 0%, 15%, 34%)
Oklch
oklch(70.9% 0.045 144.0)

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

#BAC198

Willow Green · Tan · Apple Green

HEX
#BAC198
RGB
rgb(186, 193, 152)
HSL
hsl(70, 25%, 68%)
HSB
hsb(70, 21%, 76%)
CMYK
cmyk(4%, 0%, 21%, 24%)
Oklch
oklch(79.5% 0.056 115.6)

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

#E2E4C0

Fresh Green · Wheat · Lemon Cream

HEX
#E2E4C0
RGB
rgb(226, 228, 192)
HSL
hsl(63, 40%, 82%)
HSB
hsb(63, 16%, 89%)
CMYK
cmyk(1%, 0%, 16%, 11%)
Oklch
oklch(90.8% 0.048 109.9)

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

#DAD0A7

Goose Yellow · Wheat · Sunflower

HEX
#DAD0A7
RGB
rgb(218, 208, 167)
HSL
hsl(48, 41%, 75%)
HSB
hsb(48, 23%, 85%)
CMYK
cmyk(0%, 5%, 23%, 15%)
Oklch
oklch(85.5% 0.055 95.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E8081
816F6E

Analogous

6E8179
6E8081
6E7781

Triadic

6E8081
816E80
80816E

Split-Comp.

6E8081
816E77
81796E

Tetradic

6E8081
796E81
816F6E
77816E

Contrast Matrix WCAG 2.1 Contrast

6E8081
91A990
BAC198
E2E4C0
DAD0A7
—
1.6
Fail
2.2
Fail
3.2
AA Large
2.7
Fail
1.6
Fail
—
1.3
Fail
1.9
Fail
1.6
Fail
2.2
Fail
1.3
Fail
—
1.4
Fail
1.2
Fail
3.2
AA Large
1.9
Fail
1.4
Fail
—
1.2
Fail
2.7
Fail
1.6
Fail
1.2
Fail
1.2
Fail
—
White BG
4.1AA Large
2.5Fail
1.9Fail
1.3Fail
1.5Fail
Black BG
5.1AA
8.3AAA
11.2AAA
16.1AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

767681
9B9C96
BDBDA2
E3E3C9
D6D6B1

Deuteranopia

757381
9A9898
BDBCA4
E3E3CB
D6D7B3

Tritanopia

6F8181
929B9C
BAAAAB
E2D0D1
DAB9BA

Achromatopsia

7B7B7B
9F9F9F
BABABA
DFDFDF
CECECE

Shades & Tints Shades & Tints

#6E8081

Dark
Light

#91A990

Dark
Light

#BAC198

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e8081;
  --color-2: #91a990;
  --color-3: #bac198;
  --color-4: #e2e4c0;
  --color-5: #dad0a7;
}

SCSS

$color-1: #6e8081;
$color-2: #91a990;
$color-3: #bac198;
$color-4: #e2e4c0;
$color-5: #dad0a7;

TAILWIND

colors: {
  'brand-1': '#6e8081',
  'brand-2': '#91a990',
  'brand-3': '#bac198',
  'brand-4': '#e2e4c0',
  'brand-5': '#dad0a7',
}

RGB Array

[110, 128, 129], [145, 169, 144], [186, 193, 152], [226, 228, 192], [218, 208, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #6E8081, #91A990, #BAC198, #E2E4C0, #DAD0A7 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #6e8081; --color-2: #91a990; --color-3: #bac198; --color-4: #e2e4c0; --color-5: #dad0a7. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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