← Back to Editor

#FAD0B0 · #FFA589 · #F8C9B5 · #F3EDDD · #F4F6EC

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FAD0B0

Apricot · Wheat · Peach Orange

HEX
#FAD0B0
RGB
rgb(250, 208, 176)
HSL
hsl(26, 88%, 84%)
HSB
hsb(26, 30%, 98%)
CMYK
cmyk(0%, 17%, 30%, 2%)
Oklch
oklch(88.6% 0.064 59.1)

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

#FFA589

Peach Pink · LightSalmon · Coral Red

HEX
#FFA589
RGB
rgb(255, 165, 137)
HSL
hsl(14, 100%, 77%)
HSB
hsb(14, 46%, 100%)
CMYK
cmyk(0%, 35%, 46%, 0%)
Oklch
oklch(80.5% 0.114 38.0)

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

#F8C9B5

Apricot · Wheat · Peach Orange

HEX
#F8C9B5
RGB
rgb(248, 201, 181)
HSL
hsl(18, 83%, 84%)
HSB
hsb(18, 27%, 97%)
CMYK
cmyk(0%, 19%, 27%, 3%)
Oklch
oklch(87.2% 0.060 44.3)

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

#F3EDDD

Goose Yellow · Beige · Lemon Cream

HEX
#F3EDDD
RGB
rgb(243, 237, 221)
HSL
hsl(44, 48%, 91%)
HSB
hsb(44, 9%, 95%)
CMYK
cmyk(0%, 2%, 9%, 5%)
Oklch
oklch(94.6% 0.022 89.8)

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

#F4F6EC

Willow Green · Linen · Mint Green

HEX
#F4F6EC
RGB
rgb(244, 246, 236)
HSL
hsl(72, 36%, 95%)
HSB
hsb(72, 4%, 96%)
CMYK
cmyk(1%, 0%, 4%, 4%)
Oklch
oklch(96.9% 0.013 115.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD0B0
B2DBFA

Analogous

FAB2B7
FAD0B0
FAF5B2

Triadic

FAD0B0
B2FAD1
D1B2FA

Split-Comp.

FAD0B0
B2FAF5
B2B7FA

Tetradic

FAD0B0
B7FAB2
B2DBFA
F5B2FA

Contrast Matrix WCAG 2.1 Contrast

FAD0B0
FFA589
F8C9B5
F3EDDD
F4F6EC
—
1.3
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
1.7
Fail
1.1
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.2
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
White BG
1.4Fail
1.9Fail
1.5Fail
1.2Fail
1.1Fail
Black BG
14.7AAA
11.0AAA
14.0AAA
18.0AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7B8
D8D790
E4E3BA
F0F0E1
F5F5EE

Deuteranopia

EAEDBA
DDE491
E6EABB
F1F1E2
F5F5EF

Tritanopia

F8BEBF
FB9596
F6BEBF
F3E4E5
F4F0F1

Achromatopsia

D9D9D9
BDBDBD
D5D5D5
EDEDED
F4F4F4

Shades & Tints Shades & Tints

#FAD0B0

Dark
Light

#FFA589

Dark
Light

#F8C9B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad0b0;
  --color-2: #ffa589;
  --color-3: #f8c9b5;
  --color-4: #f3eddd;
  --color-5: #f4f6ec;
}

SCSS

$color-1: #fad0b0;
$color-2: #ffa589;
$color-3: #f8c9b5;
$color-4: #f3eddd;
$color-5: #f4f6ec;

TAILWIND

colors: {
  'brand-1': '#fad0b0',
  'brand-2': '#ffa589',
  'brand-3': '#f8c9b5',
  'brand-4': '#f3eddd',
  'brand-5': '#f4f6ec',
}

RGB Array

[250, 208, 176], [255, 165, 137], [248, 201, 181], [243, 237, 221], [244, 246, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAD0B0, #FFA589, #F8C9B5, #F3EDDD, #F4F6EC 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: #fad0b0; --color-2: #ffa589; --color-3: #f8c9b5; --color-4: #f3eddd; --color-5: #f4f6ec. 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 general-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