← Back to Editor

#F0D9AD · #F7E9CC · #BCE4D4 · #B79D7F · #FF6940

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

#F0D9AD

Goose Yellow · Wheat · Peach Orange

HEX
#F0D9AD
RGB
rgb(240, 217, 173)
HSL
hsl(39, 69%, 81%)
HSB
hsb(39, 28%, 94%)
CMYK
cmyk(0%, 10%, 28%, 6%)
Oklch
oklch(89.3% 0.063 83.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F7E9CC

Goose Yellow · Bisque · Lemon Cream

HEX
#F7E9CC
RGB
rgb(247, 233, 204)
HSL
hsl(40, 73%, 88%)
HSB
hsb(40, 17%, 97%)
CMYK
cmyk(0%, 6%, 17%, 3%)
Oklch
oklch(93.8% 0.041 85.3)

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

#BCE4D4

Jade · LightBlue · Mint Green

HEX
#BCE4D4
RGB
rgb(188, 228, 212)
HSL
hsl(156, 43%, 82%)
HSB
hsb(156, 18%, 89%)
CMYK
cmyk(18%, 0%, 7%, 11%)
Oklch
oklch(88.6% 0.047 169.0)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#B79D7F

Ginger · Tan · Warm Sun

HEX
#B79D7F
RGB
rgb(183, 157, 127)
HSL
hsl(32, 28%, 61%)
HSB
hsb(32, 31%, 72%)
CMYK
cmyk(0%, 14%, 31%, 28%)
Oklch
oklch(71.1% 0.052 70.8)

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

#FF6940

Peach Pink · Tomato · Coral Red

HEX
#FF6940
RGB
rgb(255, 105, 64)
HSL
hsl(13, 100%, 63%)
HSB
hsb(13, 75%, 100%)
CMYK
cmyk(0%, 59%, 75%, 0%)
Oklch
oklch(70.3% 0.192 36.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0D9AD
ADC5F0

Analogous

F0B7AD
F0D9AD
E6F0AD

Triadic

F0D9AD
ADF0D9
D9ADF0

Split-Comp.

F0D9AD
ADE6F0
B7ADF0

Tetradic

F0D9AD
ADF0B7
ADC5F0
F0ADE6

Contrast Matrix WCAG 2.1 Contrast

F0D9AD
F7E9CC
BCE4D4
B79D7F
FF6940
—
1.1
Fail
1.0
Fail
1.9
Fail
2.1
Fail
1.1
Fail
—
1.2
Fail
2.1
Fail
2.4
Fail
1.0
Fail
1.2
Fail
—
1.9
Fail
2.1
Fail
1.9
Fail
2.1
Fail
1.9
Fail
—
1.1
Fail
2.1
Fail
2.4
Fail
2.1
Fail
1.1
Fail
—
White BG
1.4Fail
1.2Fail
1.4Fail
2.6Fail
2.9Fail
Black BG
15.2AAA
17.5AAA
15.2AAA
8.1AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6B8
F1F1D3
CDCED8
ACAC86
BEBD4A

Deuteranopia

E7E9BA
F2F3D5
CBC8D9
ADAF88
C7D24C

Tritanopia

EFC0C2
F6D9DA
BEDBDC
B68C8D
F85253

Achromatopsia

DBDBDB
EAEAEA
D6D6D6
A1A1A1
919191

Shades & Tints Shades & Tints

#F0D9AD

Dark
Light

#F7E9CC

Dark
Light

#BCE4D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0d9ad;
  --color-2: #f7e9cc;
  --color-3: #bce4d4;
  --color-4: #b79d7f;
  --color-5: #ff6940;
}

SCSS

$color-1: #f0d9ad;
$color-2: #f7e9cc;
$color-3: #bce4d4;
$color-4: #b79d7f;
$color-5: #ff6940;

TAILWIND

colors: {
  'brand-1': '#f0d9ad',
  'brand-2': '#f7e9cc',
  'brand-3': '#bce4d4',
  'brand-4': '#b79d7f',
  'brand-5': '#ff6940',
}

RGB Array

[240, 217, 173], [247, 233, 204], [188, 228, 212], [183, 157, 127], [255, 105, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F0D9AD, #F7E9CC, #BCE4D4, #B79D7F, #FF6940 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f0d9ad; --color-2: #f7e9cc; --color-3: #bce4d4; --color-4: #b79d7f; --color-5: #ff6940. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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