← Back to Editor

#D9CBC5 · #9C7985 · #FF555F · #F26E5A · #F2945A

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

#D9CBC5

Apricot · LightGray · Peach Orange

HEX
#D9CBC5
RGB
rgb(217, 203, 197)
HSL
hsl(18, 21%, 81%)
HSB
hsb(18, 9%, 85%)
CMYK
cmyk(0%, 6%, 9%, 15%)
Oklch
oklch(85.2% 0.018 44.8)

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

#9C7985

Dark Violet · Gray · Rose Pink

HEX
#9C7985
RGB
rgb(156, 121, 133)
HSL
hsl(339, 15%, 54%)
HSB
hsb(339, 22%, 61%)
CMYK
cmyk(0%, 22%, 15%, 39%)
Oklch
oklch(61.4% 0.047 356.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FF555F

Peach Pink · Tomato · Coral Red

HEX
#FF555F
RGB
rgb(255, 85, 95)
HSL
hsl(356, 100%, 67%)
HSB
hsb(356, 67%, 100%)
CMYK
cmyk(0%, 67%, 63%, 0%)
Oklch
oklch(68.4% 0.205 21.2)

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

#F26E5A

Peach Pink · Coral · Coral Red

HEX
#F26E5A
RGB
rgb(242, 110, 90)
HSL
hsl(8, 85%, 65%)
HSB
hsb(8, 63%, 95%)
CMYK
cmyk(0%, 55%, 63%, 5%)
Oklch
oklch(69.4% 0.167 30.6)

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

#F2945A

Apricot · SandyBrown · Warm Sun

HEX
#F2945A
RGB
rgb(242, 148, 90)
HSL
hsl(23, 85%, 65%)
HSB
hsb(23, 63%, 95%)
CMYK
cmyk(0%, 39%, 63%, 5%)
Oklch
oklch(75.3% 0.135 51.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9CBC5
C4D3D9

Analogous

D9C4C8
D9CBC5
D9D5C4

Triadic

D9CBC5
C4D9CA
CAC4D9

Split-Comp.

D9CBC5
C4D9D5
C4C8D9

Tetradic

D9CBC5
C8D9C4
C4D3D9
D5C4D9

Contrast Matrix WCAG 2.1 Contrast

D9CBC5
9C7985
FF555F
F26E5A
F2945A
—
2.4
Fail
2.0
Fail
1.9
Fail
1.5
Fail
2.4
Fail
—
1.2
Fail
1.3
Fail
1.7
Fail
2.0
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.9
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.7
Fail
1.4
Fail
1.3
Fail
—
White BG
1.6Fail
3.8AA Large
3.1AA Large
2.9Fail
2.3Fail
Black BG
13.3AAA
5.5AA
6.7AA
7.2AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3C6
8D8D82
B5B45D
B9B85F
C9C868

Deuteranopia

D4D5C7
8F9281
BFCC5C
C1CA60
CFD66B

Tritanopia

D8C8C8
9A807F
F75B5A
EB6364
ED7376

Achromatopsia

CFCFCF
858585
898989
939393
A9A9A9

Shades & Tints Shades & Tints

#D9CBC5

Dark
Light

#9C7985

Dark
Light

#FF555F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9cbc5;
  --color-2: #9c7985;
  --color-3: #ff555f;
  --color-4: #f26e5a;
  --color-5: #f2945a;
}

SCSS

$color-1: #d9cbc5;
$color-2: #9c7985;
$color-3: #ff555f;
$color-4: #f26e5a;
$color-5: #f2945a;

TAILWIND

colors: {
  'brand-1': '#d9cbc5',
  'brand-2': '#9c7985',
  'brand-3': '#ff555f',
  'brand-4': '#f26e5a',
  'brand-5': '#f2945a',
}

RGB Array

[217, 203, 197], [156, 121, 133], [255, 85, 95], [242, 110, 90], [242, 148, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9CBC5, #9C7985, #FF555F, #F26E5A, #F2945A 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: #d9cbc5; --color-2: #9c7985; --color-3: #ff555f; --color-4: #f26e5a; --color-5: #f2945a. 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