← Back to Editor

#FB9B11 · #FAA07F · #FDD3BC · #DDCDB3 · #C3CEBD

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

#FB9B11

Ginger · Orange · Warm Sun

HEX
#FB9B11
RGB
rgb(251, 155, 17)
HSL
hsl(35, 97%, 53%)
HSB
hsb(35, 93%, 98%)
CMYK
cmyk(0%, 38%, 93%, 2%)
Oklch
oklch(77.1% 0.168 66.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FAA07F

Apricot · LightSalmon · Warm Sun

HEX
#FAA07F
RGB
rgb(250, 160, 127)
HSL
hsl(16, 92%, 74%)
HSB
hsb(16, 49%, 98%)
CMYK
cmyk(0%, 36%, 49%, 2%)
Oklch
oklch(78.9% 0.117 40.9)

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

#FDD3BC

Apricot · Wheat · Peach Orange

HEX
#FDD3BC
RGB
rgb(253, 211, 188)
HSL
hsl(21, 94%, 86%)
HSB
hsb(21, 26%, 99%)
CMYK
cmyk(0%, 17%, 26%, 1%)
Oklch
oklch(89.7% 0.057 50.3)

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

#DDCDB3

Goose Yellow · Wheat · Peach Orange

HEX
#DDCDB3
RGB
rgb(221, 205, 179)
HSL
hsl(37, 38%, 78%)
HSB
hsb(37, 19%, 87%)
CMYK
cmyk(0%, 7%, 19%, 13%)
Oklch
oklch(85.5% 0.039 80.0)

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

#C3CEBD

Celadon · Silver · Apple Green

HEX
#C3CEBD
RGB
rgb(195, 206, 189)
HSL
hsl(99, 15%, 77%)
HSB
hsb(99, 8%, 81%)
CMYK
cmyk(5%, 0%, 8%, 19%)
Oklch
oklch(83.8% 0.026 134.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB9B11
1374FB

Analogous

FB2613
FB9B11
E8FB13

Triadic

FB9B11
13FB9B
9B13FB

Split-Comp.

FB9B11
13E8FB
2613FB

Tetradic

FB9B11
13FB26
1374FB
FB13E8

Contrast Matrix WCAG 2.1 Contrast

FB9B11
FAA07F
FDD3BC
DDCDB3
C3CEBD
—
1.1
Fail
1.6
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.5
Fail
1.3
Fail
1.2
Fail
1.6
Fail
1.5
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.0
Fail
1.3
Fail
1.2
Fail
1.2
Fail
1.0
Fail
—
White BG
2.1Fail
2.0Fail
1.4Fail
1.6Fail
1.6Fail
Black BG
9.8AAA
10.4AAA
15.2AAA
13.5AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D132
D3D287
EBEAC2
D6D6B9
C8C8C1

Deuteranopia

D7DE3A
D8DF89
EDF0C3
D7D8BB
C7C6C2

Tritanopia

F64D53
F68D8F
FBC6C7
DCBEBF
C4C4C5

Achromatopsia

A8A8A8
B7B7B7
DDDDDD
CFCFCF
C9C9C9

Shades & Tints Shades & Tints

#FB9B11

Dark
Light

#FAA07F

Dark
Light

#FDD3BC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb9b11;
  --color-2: #faa07f;
  --color-3: #fdd3bc;
  --color-4: #ddcdb3;
  --color-5: #c3cebd;
}

SCSS

$color-1: #fb9b11;
$color-2: #faa07f;
$color-3: #fdd3bc;
$color-4: #ddcdb3;
$color-5: #c3cebd;

TAILWIND

colors: {
  'brand-1': '#fb9b11',
  'brand-2': '#faa07f',
  'brand-3': '#fdd3bc',
  'brand-4': '#ddcdb3',
  'brand-5': '#c3cebd',
}

RGB Array

[251, 155, 17], [250, 160, 127], [253, 211, 188], [221, 205, 179], [195, 206, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FB9B11, #FAA07F, #FDD3BC, #DDCDB3, #C3CEBD 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: #fb9b11; --color-2: #faa07f; --color-3: #fdd3bc; --color-4: #ddcdb3; --color-5: #c3cebd. 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