← Back to Editor

#FFDAC8 · #DEB4A4 · #4F413E · #85AFA3 · #C9E3C8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FFDAC8

Apricot · Bisque · Peach Orange

HEX
#FFDAC8
RGB
rgb(255, 218, 200)
HSL
hsl(20, 100%, 89%)
HSB
hsb(20, 22%, 100%)
CMYK
cmyk(0%, 15%, 22%, 0%)
Oklch
oklch(91.5% 0.048 47.5)

TraditionalApricot」· PaintPeach Orange」· Creative Honey Glow

#DEB4A4

Apricot · Tan · Peach Orange

HEX
#DEB4A4
RGB
rgb(222, 180, 164)
HSL
hsl(17, 47%, 76%)
HSB
hsb(17, 26%, 87%)
CMYK
cmyk(0%, 19%, 26%, 13%)
Oklch
oklch(80.3% 0.054 41.9)

TraditionalApricot」· PaintPeach Orange」· Creative Honey Glow

#4F413E

Crimson · DarkSlateGray · Wine Red

HEX
#4F413E
RGB
rgb(79, 65, 62)
HSL
hsl(11, 12%, 28%)
HSB
hsb(11, 22%, 31%)
CMYK
cmyk(0%, 18%, 22%, 69%)
Oklch
oklch(38.9% 0.020 32.1)

TraditionalCrimson」· PaintWine Red」· Creative Blush Sunrise

#85AFA3

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#85AFA3
RGB
rgb(133, 175, 163)
HSL
hsl(163, 21%, 60%)
HSB
hsb(163, 24%, 69%)
CMYK
cmyk(24%, 0%, 7%, 31%)
Oklch
oklch(72.0% 0.049 175.4)

TraditionalMineral Blue」· PaintLake Green」· Creative Blush Sunrise

#C9E3C8

Celadon · LightGray · Mint Green

HEX
#C9E3C8
RGB
rgb(201, 227, 200)
HSL
hsl(118, 33%, 84%)
HSB
hsb(118, 12%, 89%)
CMYK
cmyk(11%, 0%, 12%, 11%)
Oklch
oklch(88.9% 0.046 144.2)

TraditionalCeladon」· PaintMint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDAC8
C7ECFF

Analogous

FFC7D0
FFDAC8
FFF6C7

Triadic

FFDAC8
C7FFDA
DAC7FF

Split-Comp.

FFDAC8
C7FFF6
C7D0FF

Tetradic

FFDAC8
D0FFC7
C7ECFF
F6C7FF

Contrast Matrix WCAG 2.1 Contrast

FFDAC8
DEB4A4
4F413E
85AFA3
C9E3C8
1.4
Fail
7.5
AAA
1.9
Fail
1.1
Fail
1.4
Fail
5.2
AA
1.3
Fail
1.4
Fail
7.5
AAA
5.2
AA
4.0
AA Large
7.1
AAA
1.9
Fail
1.3
Fail
4.0
AA Large
1.8
Fail
1.1
Fail
1.4
Fail
7.1
AAA
1.8
Fail
White BG
1.3Fail
1.9Fail
9.7AAA
2.4Fail
1.4Fail
Black BG
16.1AAA
11.2AAA
2.2Fail
8.7AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFCC
CCCBA8
49493F
9798A6
D4D4CF

Deuteranopia

F1F4CD
CED1A9
4A4B3F
9592A7
D3D1D0

Tritanopia

FDD0D1
DCABAC
4E3F3F
87A8A9
CAD4D5

Achromatopsia

E3E3E3
BFBFBF
454545
A1A1A1
D8D8D8

Shades & Tints Shades & Tints

#FFDAC8

Dark
Light

#DEB4A4

Dark
Light

#4F413E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffdac8;
  --color-2: #deb4a4;
  --color-3: #4f413e;
  --color-4: #85afa3;
  --color-5: #c9e3c8;
}

SCSS

$color-1: #ffdac8;
$color-2: #deb4a4;
$color-3: #4f413e;
$color-4: #85afa3;
$color-5: #c9e3c8;

TAILWIND

colors: {
  'brand-1': '#ffdac8',
  'brand-2': '#deb4a4',
  'brand-3': '#4f413e',
  'brand-4': '#85afa3',
  'brand-5': '#c9e3c8',
}

RGB Array

[255, 218, 200], [222, 180, 164], [79, 65, 62], [133, 175, 163], [201, 227, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFDAC8, #DEB4A4, #4F413E, #85AFA3, #C9E3C8 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ffdac8; --color-2: #deb4a4; --color-3: #4f413e; --color-4: #85afa3; --color-5: #c9e3c8. 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. 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 tech, SaaS, healthcare, eco industries. 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