← Back to Editor

#FFD5B1 · #D9AD88 · #BD8961 · #753915 · #EC6841

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 AppData Visualization

Color Details Color Details

#FFD5B1

Apricot · Wheat · Peach Orange

HEX
#FFD5B1
RGB
rgb(255, 213, 177)
HSL
hsl(28, 100%, 85%)
HSB
hsb(28, 31%, 100%)
CMYK
cmyk(0%, 16%, 31%, 0%)
Oklch
oklch(90.0% 0.067 62.4)

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

#D9AD88

Apricot · Tan · Warm Sun

HEX
#D9AD88
RGB
rgb(217, 173, 136)
HSL
hsl(27, 52%, 69%)
HSB
hsb(27, 37%, 85%)
CMYK
cmyk(0%, 20%, 37%, 15%)
Oklch
oklch(77.8% 0.072 61.5)

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

#BD8961

Tangerine · DarkSalmon · Warm Sun

HEX
#BD8961
RGB
rgb(189, 137, 97)
HSL
hsl(26, 41%, 56%)
HSB
hsb(26, 49%, 74%)
CMYK
cmyk(0%, 28%, 49%, 26%)
Oklch
oklch(67.2% 0.084 58.3)

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

#753915

Tangerine · Brown · Amber Brown

HEX
#753915
RGB
rgb(117, 57, 21)
HSL
hsl(23, 70%, 27%)
HSB
hsb(23, 82%, 46%)
CMYK
cmyk(0%, 51%, 82%, 54%)
Oklch
oklch(41.6% 0.097 48.2)

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

#EC6841

Vermilion · Tomato · Passion Red

HEX
#EC6841
RGB
rgb(236, 104, 65)
HSL
hsl(14, 82%, 59%)
HSB
hsb(14, 72%, 93%)
CMYK
cmyk(0%, 56%, 72%, 7%)
Oklch
oklch(67.4% 0.172 37.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD5B1
B3DBFF

Analogous

FFB3B5
FFD5B1
FFFCB3

Triadic

FFD5B1
B3FFD6
D6B3FF

Split-Comp.

FFD5B1
B3FFFC
B3B5FF

Tetradic

FFD5B1
B5FFB3
B3DBFF
FCB3FF

Contrast Matrix WCAG 2.1 Contrast

FFD5B1
D9AD88
BD8961
753915
EC6841
—
1.5
Fail
2.2
Fail
6.5
AA
2.3
Fail
1.5
Fail
—
1.5
Fail
4.4
AA Large
1.6
Fail
2.2
Fail
1.5
Fail
—
2.9
Fail
1.0
Fail
6.5
AA
4.4
AA Large
2.9
Fail
—
2.8
Fail
2.3
Fail
1.6
Fail
1.0
Fail
2.8
Fail
—
White BG
1.4Fail
2.0Fail
3.0AA Large
8.9AAA
3.2AA Large
Black BG
15.4AAA
10.3AAA
6.9AA
2.4Fail
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDECBA
C6C691
A6A66B
5B5A1E
B3B24A

Deuteranopia

EFF2BC
C9CC93
AAAD6D
5F6320
BBC44D

Tritanopia

FDC1C2
D7989A
BA7274
722526
E55254

Achromatopsia

DDDDDD
B6B6B6
949494
474747
8B8B8B

Shades & Tints Shades & Tints

#FFD5B1

Dark
Light

#D9AD88

Dark
Light

#BD8961

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd5b1;
  --color-2: #d9ad88;
  --color-3: #bd8961;
  --color-4: #753915;
  --color-5: #ec6841;
}

SCSS

$color-1: #ffd5b1;
$color-2: #d9ad88;
$color-3: #bd8961;
$color-4: #753915;
$color-5: #ec6841;

TAILWIND

colors: {
  'brand-1': '#ffd5b1',
  'brand-2': '#d9ad88',
  'brand-3': '#bd8961',
  'brand-4': '#753915',
  'brand-5': '#ec6841',
}

RGB Array

[255, 213, 177], [217, 173, 136], [189, 137, 97], [117, 57, 21], [236, 104, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFD5B1, #D9AD88, #BD8961, #753915, #EC6841 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #ffd5b1; --color-2: #d9ad88; --color-3: #bd8961; --color-4: #753915; --color-5: #ec6841. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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