← Back to Editor

#D56162 · #FADD8F · #F6A16B · #8A7766 · #FFF4B4

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

#D56162

Peach Pink · Tomato · Coral Red

HEX
#D56162
RGB
rgb(213, 97, 98)
HSL
hsl(359, 58%, 61%)
HSB
hsb(359, 54%, 84%)
CMYK
cmyk(0%, 54%, 54%, 16%)
Oklch
oklch(63.5% 0.147 21.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FADD8F

Goose Yellow · Khaki · Lemon Cream

HEX
#FADD8F
RGB
rgb(250, 221, 143)
HSL
hsl(44, 91%, 77%)
HSB
hsb(44, 43%, 98%)
CMYK
cmyk(0%, 12%, 43%, 2%)
Oklch
oklch(90.5% 0.102 89.8)

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

#F6A16B

Apricot · SandyBrown · Warm Sun

HEX
#F6A16B
RGB
rgb(246, 161, 107)
HSL
hsl(23, 89%, 69%)
HSB
hsb(23, 57%, 96%)
CMYK
cmyk(0%, 35%, 57%, 4%)
Oklch
oklch(78.3% 0.123 52.5)

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

#8A7766

Tangerine · Gray · Amber Brown

HEX
#8A7766
RGB
rgb(138, 119, 102)
HSL
hsl(28, 15%, 47%)
HSB
hsb(28, 26%, 54%)
CMYK
cmyk(0%, 14%, 26%, 46%)
Oklch
oklch(58.2% 0.035 63.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FFF4B4

Fresh Green · Bisque · Lemon Cream

HEX
#FFF4B4
RGB
rgb(255, 244, 180)
HSL
hsl(51, 100%, 85%)
HSB
hsb(51, 29%, 100%)
CMYK
cmyk(0%, 4%, 29%, 0%)
Oklch
oklch(96.1% 0.082 99.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D56162
62D5D3

Analogous

D5629D
D56162
D59A62

Triadic

D56162
64D562
6264D5

Split-Comp.

D56162
62D59A
629DD5

Tetradic

D56162
9DD562
62D5D3
9A62D5

Contrast Matrix WCAG 2.1 Contrast

D56162
FADD8F
F6A16B
8A7766
FFF4B4
—
2.8
Fail
1.8
Fail
1.2
Fail
3.3
AA Large
2.8
Fail
—
1.5
Fail
3.2
AA Large
1.2
Fail
1.8
Fail
1.5
Fail
—
2.1
Fail
1.8
Fail
1.2
Fail
3.2
AA Large
2.1
Fail
—
3.8
AA Large
3.3
AA Large
1.2
Fail
1.8
Fail
3.8
AA Large
—
White BG
3.7AA Large
1.3Fail
2.1Fail
4.3AA Large
1.1Fail
Black BG
5.7AA
15.8AAA
10.2AAA
4.9AA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A262
EDEDA2
D1D078
82826A
FAFAC3

Deuteranopia

AAB262
EFF1A6
D6DD7B
83846B
FBFCC7

Tritanopia

CF6262
F9B1B4
F28285
896D6E
FED0D2

Achromatopsia

848484
DDDDDD
B4B4B4
7B7B7B
F0F0F0

Shades & Tints Shades & Tints

#D56162

Dark
Light

#FADD8F

Dark
Light

#F6A16B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d56162;
  --color-2: #fadd8f;
  --color-3: #f6a16b;
  --color-4: #8a7766;
  --color-5: #fff4b4;
}

SCSS

$color-1: #d56162;
$color-2: #fadd8f;
$color-3: #f6a16b;
$color-4: #8a7766;
$color-5: #fff4b4;

TAILWIND

colors: {
  'brand-1': '#d56162',
  'brand-2': '#fadd8f',
  'brand-3': '#f6a16b',
  'brand-4': '#8a7766',
  'brand-5': '#fff4b4',
}

RGB Array

[213, 97, 98], [250, 221, 143], [246, 161, 107], [138, 119, 102], [255, 244, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D56162, #FADD8F, #F6A16B, #8A7766, #FFF4B4 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: #d56162; --color-2: #fadd8f; --color-3: #f6a16b; --color-4: #8a7766; --color-5: #fff4b4. 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