← Back to Editor

#F7DA6D · #9E9288 · #FC9560 · #D6C8C7 · #FFB585

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

#F7DA6D

Ginger · Khaki · Sunflower

HEX
#F7DA6D
RGB
rgb(247, 218, 109)
HSL
hsl(47, 90%, 70%)
HSB
hsb(47, 56%, 97%)
CMYK
cmyk(0%, 12%, 56%, 3%)
Oklch
oklch(89.1% 0.132 94.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#9E9288

Tangerine · Gray · Warm Sun

HEX
#9E9288
RGB
rgb(158, 146, 136)
HSL
hsl(27, 10%, 58%)
HSB
hsb(27, 14%, 62%)
CMYK
cmyk(0%, 8%, 14%, 38%)
Oklch
oklch(66.8% 0.020 62.3)

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

#FC9560

Apricot · SandyBrown · Warm Sun

HEX
#FC9560
RGB
rgb(252, 149, 96)
HSL
hsl(20, 96%, 68%)
HSB
hsb(20, 62%, 99%)
CMYK
cmyk(0%, 41%, 62%, 1%)
Oklch
oklch(76.8% 0.142 47.0)

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

#D6C8C7

Peach Pink · LightGray · Cherry Blossom

HEX
#D6C8C7
RGB
rgb(214, 200, 199)
HSL
hsl(4, 15%, 81%)
HSB
hsb(4, 7%, 84%)
CMYK
cmyk(0%, 7%, 7%, 16%)
Oklch
oklch(84.4% 0.016 22.4)

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

#FFB585

Apricot · LightSalmon · Peach Orange

HEX
#FFB585
RGB
rgb(255, 181, 133)
HSL
hsl(24, 100%, 76%)
HSB
hsb(24, 48%, 100%)
CMYK
cmyk(0%, 29%, 48%, 0%)
Oklch
oklch(83.2% 0.107 53.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7DA6D
6E8BF7

Analogous

F7956E
F7DA6D
D0F76E

Triadic

F7DA6D
6EF7DA
DA6EF7

Split-Comp.

F7DA6D
6ED0F7
956EF7

Tetradic

F7DA6D
6EF795
6E8BF7
F76ED0

Contrast Matrix WCAG 2.1 Contrast

F7DA6D
9E9288
FC9560
D6C8C7
FFB585
—
2.2
Fail
1.6
Fail
1.2
Fail
1.2
Fail
2.2
Fail
—
1.4
Fail
1.9
Fail
1.8
Fail
1.6
Fail
1.4
Fail
—
1.3
Fail
1.3
Fail
1.2
Fail
1.9
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
White BG
1.4Fail
3.0AA Large
2.2Fail
1.6Fail
1.7Fail
Black BG
15.2AAA
6.9AA
9.6AAA
12.9AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEA87
99998A
CFCE6D
D0D0C7
DFDE91

Deuteranopia

ECEE8E
9A9A8B
D5DD70
D1D2C7
E3E993

Tritanopia

F69CA1
9D8C8D
F77779
D5C7C7
FB9A9C

Achromatopsia

D6D6D6
949494
AEAEAE
CCCCCC
C6C6C6

Shades & Tints Shades & Tints

#F7DA6D

Dark
Light

#9E9288

Dark
Light

#FC9560

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7da6d;
  --color-2: #9e9288;
  --color-3: #fc9560;
  --color-4: #d6c8c7;
  --color-5: #ffb585;
}

SCSS

$color-1: #f7da6d;
$color-2: #9e9288;
$color-3: #fc9560;
$color-4: #d6c8c7;
$color-5: #ffb585;

TAILWIND

colors: {
  'brand-1': '#f7da6d',
  'brand-2': '#9e9288',
  'brand-3': '#fc9560',
  'brand-4': '#d6c8c7',
  'brand-5': '#ffb585',
}

RGB Array

[247, 218, 109], [158, 146, 136], [252, 149, 96], [214, 200, 199], [255, 181, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7DA6D, #9E9288, #FC9560, #D6C8C7, #FFB585 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: #f7da6d; --color-2: #9e9288; --color-3: #fc9560; --color-4: #d6c8c7; --color-5: #ffb585. 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