← Back to Editor

#796C86 · #DFD1CD · #F0E0DD · #F7E9E4 · #FF3B79

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#796C86

Dark Plum · Gray · Violet

HEX
#796C86
RGB
rgb(121, 108, 134)
HSL
hsl(270, 11%, 47%)
HSB
hsb(270, 19%, 53%)
CMYK
cmyk(10%, 19%, 0%, 47%)
Oklch
oklch(55.3% 0.042 307.6)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#DFD1CD

Peach Pink · LightGray · Cherry Blossom

HEX
#DFD1CD
RGB
rgb(223, 209, 205)
HSL
hsl(13, 22%, 84%)
HSB
hsb(13, 8%, 87%)
CMYK
cmyk(0%, 6%, 8%, 13%)
Oklch
oklch(87.1% 0.017 36.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F0E0DD

Peach Pink · Linen · Cherry Blossom

HEX
#F0E0DD
RGB
rgb(240, 224, 221)
HSL
hsl(9, 39%, 90%)
HSB
hsb(9, 8%, 94%)
CMYK
cmyk(0%, 7%, 8%, 6%)
Oklch
oklch(91.9% 0.018 30.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F7E9E4

Apricot · Linen · Peach Orange

HEX
#F7E9E4
RGB
rgb(247, 233, 228)
HSL
hsl(16, 54%, 93%)
HSB
hsb(16, 8%, 97%)
CMYK
cmyk(0%, 6%, 8%, 3%)
Oklch
oklch(94.4% 0.017 40.8)

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

#FF3B79

Rouge · DeepPink · Rose Pink

HEX
#FF3B79
RGB
rgb(255, 59, 121)
HSL
hsl(341, 100%, 62%)
HSB
hsb(341, 77%, 100%)
CMYK
cmyk(0%, 77%, 53%, 0%)
Oklch
oklch(66.6% 0.231 7.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

796C86
78856B

Analogous

6B6B85
796C86
856B85

Triadic

796C86
85786B
6B8578

Split-Comp.

796C86
85856B
6B856B

Tetradic

796C86
856B6B
78856B
6B8585

Contrast Matrix WCAG 2.1 Contrast

796C86
DFD1CD
F0E0DD
F7E9E4
FF3B79
—
3.3
AA Large
3.8
AA Large
4.1
AA Large
1.4
Fail
3.3
AA Large
—
1.2
Fail
1.3
Fail
2.3
Fail
3.8
AA Large
1.2
Fail
—
1.1
Fail
2.7
Fail
4.1
AA Large
1.3
Fail
1.1
Fail
—
2.9
Fail
1.4
Fail
2.3
Fail
2.7
Fail
2.9
Fail
—
White BG
4.9AA
1.5Fail
1.3Fail
1.2Fail
3.4AA Large
Black BG
4.3AA Large
14.1AAA
16.4AAA
17.7AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

737380
D9D9CE
E9E9DE
F1F1E5
AAA86A

Deuteranopia

74757E
DADBCE
EAEBDE
F2F3E6
B6C466

Tritanopia

787B7A
DECFCF
EFDEDE
F6E6E6
F55E5C

Achromatopsia

737373
D5D5D5
E4E4E4
EDEDED
7D7D7D

Shades & Tints Shades & Tints

#796C86

Dark
Light

#DFD1CD

Dark
Light

#F0E0DD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #796c86;
  --color-2: #dfd1cd;
  --color-3: #f0e0dd;
  --color-4: #f7e9e4;
  --color-5: #ff3b79;
}

SCSS

$color-1: #796c86;
$color-2: #dfd1cd;
$color-3: #f0e0dd;
$color-4: #f7e9e4;
$color-5: #ff3b79;

TAILWIND

colors: {
  'brand-1': '#796c86',
  'brand-2': '#dfd1cd',
  'brand-3': '#f0e0dd',
  'brand-4': '#f7e9e4',
  'brand-5': '#ff3b79',
}

RGB Array

[121, 108, 134], [223, 209, 205], [240, 224, 221], [247, 233, 228], [255, 59, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #796C86, #DFD1CD, #F0E0DD, #F7E9E4, #FF3B79 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: #796c86; --color-2: #dfd1cd; --color-3: #f0e0dd; --color-4: #f7e9e4; --color-5: #ff3b79. 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