← Back to Editor

#FDCFB7 · #D7A294 · #FD6361 · #1B0A48 · #715065

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FDCFB7

Apricot · Wheat · Peach Orange

HEX
#FDCFB7
RGB
rgb(253, 207, 183)
HSL
hsl(21, 95%, 85%)
HSB
hsb(21, 28%, 99%)
CMYK
cmyk(0%, 18%, 28%, 1%)
Oklch
oklch(88.8% 0.061 49.1)

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

#D7A294

Peach Pink · Tan · Coral Red

HEX
#D7A294
RGB
rgb(215, 162, 148)
HSL
hsl(13, 46%, 71%)
HSB
hsb(13, 31%, 84%)
CMYK
cmyk(0%, 25%, 31%, 16%)
Oklch
oklch(75.8% 0.067 35.3)

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

#FD6361

Peach Pink · Tomato · Coral Red

HEX
#FD6361
RGB
rgb(253, 99, 97)
HSL
hsl(1, 98%, 69%)
HSB
hsb(1, 62%, 99%)
CMYK
cmyk(0%, 61%, 62%, 1%)
Oklch
oklch(69.7% 0.189 24.1)

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

#1B0A48

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1B0A48
RGB
rgb(27, 10, 72)
HSL
hsl(256, 76%, 16%)
HSB
hsb(256, 86%, 28%)
CMYK
cmyk(63%, 86%, 0%, 72%)
Oklch
oklch(22.1% 0.106 286.7)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#715065

Rose Purple · DimGray · Camellia

HEX
#715065
RGB
rgb(113, 80, 101)
HSL
hsl(322, 17%, 38%)
HSB
hsb(322, 29%, 44%)
CMYK
cmyk(0%, 29%, 11%, 56%)
Oklch
oklch(47.4% 0.054 340.9)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDCFB7
B4E4FD

Analogous

FDB4BF
FDCFB7
FDF2B4

Triadic

FDCFB7
B4FDCE
CEB4FD

Split-Comp.

FDCFB7
B4FDF2
B4BFFD

Tetradic

FDCFB7
BFFDB4
B4E4FD
F2B4FD

Contrast Matrix WCAG 2.1 Contrast

FDCFB7
D7A294
FD6361
1B0A48
715065
—
1.6
Fail
2.1
Fail
12.5
AAA
4.9
AA
1.6
Fail
—
1.3
Fail
8.0
AAA
3.1
AA Large
2.1
Fail
1.3
Fail
—
6.0
AA
2.3
Fail
12.5
AAA
8.0
AAA
6.0
AA
—
2.6
Fail
4.9
AA
3.1
AA Large
2.3
Fail
2.6
Fail
—
White BG
1.4Fail
2.2Fail
2.9Fail
17.7AAA
6.9AA
Black BG
14.8AAA
9.5AAA
7.1AAA
1.2Fail
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9BD
C0C097
BAB961
141339
636260

Deuteranopia

ECEFBE
C3C798
C3CF62
151635
65675F

Tritanopia

FBC1C2
D49A9B
F56262
1A2D2B
6F5C5B

Achromatopsia

DADADA
B0B0B0
919191
161616
5C5C5C

Shades & Tints Shades & Tints

#FDCFB7

Dark
Light

#D7A294

Dark
Light

#FD6361

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdcfb7;
  --color-2: #d7a294;
  --color-3: #fd6361;
  --color-4: #1b0a48;
  --color-5: #715065;
}

SCSS

$color-1: #fdcfb7;
$color-2: #d7a294;
$color-3: #fd6361;
$color-4: #1b0a48;
$color-5: #715065;

TAILWIND

colors: {
  'brand-1': '#fdcfb7',
  'brand-2': '#d7a294',
  'brand-3': '#fd6361',
  'brand-4': '#1b0a48',
  'brand-5': '#715065',
}

RGB Array

[253, 207, 183], [215, 162, 148], [253, 99, 97], [27, 10, 72], [113, 80, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDCFB7, #D7A294, #FD6361, #1B0A48, #715065 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: #fdcfb7; --color-2: #d7a294; --color-3: #fd6361; --color-4: #1b0a48; --color-5: #715065. 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