← Back to Editor

#FAEDCB · #EBE5CD · #BABFC3 · #928F8A · #6B6155

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

#FAEDCB

Goose Yellow · Bisque · Lemon Cream

HEX
#FAEDCB
RGB
rgb(250, 237, 203)
HSL
hsl(43, 82%, 89%)
HSB
hsb(43, 19%, 98%)
CMYK
cmyk(0%, 5%, 19%, 2%)
Oklch
oklch(94.8% 0.047 89.6)

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

#EBE5CD

Goose Yellow · Bisque · Lemon Cream

HEX
#EBE5CD
RGB
rgb(235, 229, 205)
HSL
hsl(48, 43%, 86%)
HSB
hsb(48, 13%, 92%)
CMYK
cmyk(0%, 3%, 13%, 8%)
Oklch
oklch(92.0% 0.032 95.4)

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

#BABFC3

Silver Gray · Silver · Pearl Gray

HEX
#BABFC3
RGB
rgb(186, 191, 195)
HSL
hsl(207, 7%, 75%)
HSB
hsb(207, 5%, 76%)
CMYK
cmyk(5%, 2%, 0%, 24%)
Oklch
oklch(80.2% 0.008 241.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#928F8A

Ash · Gray · Silver Sand

HEX
#928F8A
RGB
rgb(146, 143, 138)
HSL
hsl(38, 4%, 56%)
HSB
hsb(38, 5%, 57%)
CMYK
cmyk(0%, 2%, 5%, 43%)
Oklch
oklch(65.1% 0.008 80.7)

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

#6B6155

Ochre · DimGray · Amber Brown

HEX
#6B6155
RGB
rgb(107, 97, 85)
HSL
hsl(33, 11%, 38%)
HSB
hsb(33, 21%, 42%)
CMYK
cmyk(0%, 9%, 21%, 58%)
Oklch
oklch(49.8% 0.023 72.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAEDCB
CCD9FA

Analogous

FAD6CC
FAEDCB
F0FACC

Triadic

FAEDCB
CCFAED
EDCCFA

Split-Comp.

FAEDCB
CCF0FA
D6CCFA

Tetradic

FAEDCB
CCFAD6
CCD9FA
FACCF0

Contrast Matrix WCAG 2.1 Contrast

FAEDCB
EBE5CD
BABFC3
928F8A
6B6155
—
1.1
Fail
1.6
Fail
2.8
Fail
5.2
AA
1.1
Fail
—
1.5
Fail
2.6
Fail
4.8
AA
1.6
Fail
1.5
Fail
—
1.7
Fail
3.3
AA Large
2.8
Fail
2.6
Fail
1.7
Fail
—
1.9
Fail
5.2
AA
4.8
AA
3.3
AA Large
1.9
Fail
—
White BG
1.2Fail
1.3Fail
1.9Fail
3.2AA Large
6.1AA
Black BG
18.0AAA
16.6AAA
11.3AAA
6.5AA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4D3
E8E8D3
BCBCC2
91918B
676758

Deuteranopia

F5F6D5
E9E9D4
BCBCC2
91918C
676859

Tritanopia

F9DADB
EBD7D8
BAC1C1
928C8C
6A5A5B

Achromatopsia

EDEDED
E4E4E4
BEBEBE
8F8F8F
636363

Shades & Tints Shades & Tints

#FAEDCB

Dark
Light

#EBE5CD

Dark
Light

#BABFC3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faedcb;
  --color-2: #ebe5cd;
  --color-3: #babfc3;
  --color-4: #928f8a;
  --color-5: #6b6155;
}

SCSS

$color-1: #faedcb;
$color-2: #ebe5cd;
$color-3: #babfc3;
$color-4: #928f8a;
$color-5: #6b6155;

TAILWIND

colors: {
  'brand-1': '#faedcb',
  'brand-2': '#ebe5cd',
  'brand-3': '#babfc3',
  'brand-4': '#928f8a',
  'brand-5': '#6b6155',
}

RGB Array

[250, 237, 203], [235, 229, 205], [186, 191, 195], [146, 143, 138], [107, 97, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FAEDCB, #EBE5CD, #BABFC3, #928F8A, #6B6155 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #faedcb; --color-2: #ebe5cd; --color-3: #babfc3; --color-4: #928f8a; --color-5: #6b6155. 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. 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 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