#F8F7E2 + #FFE0D5 + #FFCEC2 + #BEAFAA + #9D867F · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#F8F7E2

Fresh Green · Beige · Lemon Cream

HEX

#F8F7E2

RGB

rgb(248, 247, 226)

HSL

hsl(57, 61%, 93%)

HSB

hsb(57, 9%, 97%)

CMYK

cmyk(0%, 0%, 9%, 3%)

Oklch

oklch(97.1% 0.028 104.7)

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

#FFE0D5

Apricot · Bisque · Peach Orange

HEX

#FFE0D5

RGB

rgb(255, 224, 213)

HSL

hsl(16, 100%, 92%)

HSB

hsb(16, 16%, 100%)

CMYK

cmyk(0%, 12%, 16%, 0%)

Oklch

oklch(92.9% 0.038 40.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFCEC2

Peach Pink · Pink · Cherry Blossom

HEX

#FFCEC2

RGB

rgb(255, 206, 194)

HSL

hsl(12, 100%, 88%)

HSB

hsb(12, 24%, 100%)

CMYK

cmyk(0%, 19%, 24%, 0%)

Oklch

oklch(89.1% 0.058 34.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#BEAFAA

Apricot · DarkGray · Warm Sun

HEX

#BEAFAA

RGB

rgb(190, 175, 170)

HSL

hsl(15, 13%, 71%)

HSB

hsb(15, 11%, 75%)

CMYK

cmyk(0%, 8%, 11%, 25%)

Oklch

oklch(76.5% 0.019 39.4)

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

#9D867F

Crimson · Gray · Passion Red

HEX

#9D867F

RGB

rgb(157, 134, 127)

HSL

hsl(14, 13%, 56%)

HSB

hsb(14, 19%, 62%)

CMYK

cmyk(0%, 15%, 19%, 38%)

Oklch

oklch(63.9% 0.030 37.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8F7E2

E2E3F8

Analogous

F8ECE2

F8F7E2

EEF8E2

Triadic

F8F7E2

E2F8F7

F7E2F8

Split-Comp.

F8F7E2

E2EEF8

ECE2F8

Tetradic

F8F7E2

E2F8EC

E2E3F8

F8E2EE

Contrast Matrix WCAG 2.1 Contrast

F8F7E2	FFE0D5	FFCEC2	BEAFAA	9D867F
—	1.1 Fail	1.3 Fail	2.0 Fail	3.2 AA Large
1.1 Fail	—	1.1 Fail	1.7 Fail	2.7 Fail
1.3 Fail	1.1 Fail	—	1.5 Fail	2.4 Fail
2.0 Fail	1.7 Fail	1.5 Fail	—	1.6 Fail
3.2 AA Large	2.7 Fail	2.4 Fail	1.6 Fail	—

White BG

1.1Fail

1.2Fail

1.4Fail

2.1Fail

3.4AA Large

Black BG

19.4AAA

16.9AAA

14.9AAA

9.9AAA

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8E7

F2F1D8

EAE9C5

B8B7AB

939381

Deuteranopia

F8F8E8

F3F6D8

EDF0C6

B8BAAC

949681

Tritanopia

F8EBEC

FDDADA

FDC7C8

BDACAC

9C8282

Achromatopsia

F5F5F5

E8E8E8

DBDBDB

B3B3B3

8C8C8C

Shades & Tints Shades & Tints

#F8F7E2

Dark

Light

#FFE0D5

Dark

Light

#FFCEC2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8f7e2;
  --color-2: #ffe0d5;
  --color-3: #ffcec2;
  --color-4: #beafaa;
  --color-5: #9d867f;
}

SCSS

$color-1: #f8f7e2;
$color-2: #ffe0d5;
$color-3: #ffcec2;
$color-4: #beafaa;
$color-5: #9d867f;

TAILWIND

colors: {
  'brand-1': '#f8f7e2',
  'brand-2': '#ffe0d5',
  'brand-3': '#ffcec2',
  'brand-4': '#beafaa',
  'brand-5': '#9d867f',
}

RGB Array

[248, 247, 226], [255, 224, 213], [255, 206, 194], [190, 175, 170], [157, 134, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F8F7E2, #FFE0D5, #FFCEC2, #BEAFAA, #9D867F is ideal for: health products, baby brands, fresh-style blogs. 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: #f8f7e2; --color-2: #ffe0d5; --color-3: #ffcec2; --color-4: #beafaa; --color-5: #9d867f. 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 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