← Back to Editor

#E6DCA7 · #F3958B · #F7B79E · #9FC0A3 · #31312F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E6DCA7

Fresh Green · Wheat · Lemon Cream

HEX
#E6DCA7
RGB
rgb(230, 220, 167)
HSL
hsl(50, 56%, 78%)
HSB
hsb(50, 27%, 90%)
CMYK
cmyk(0%, 4%, 27%, 10%)
Oklch
oklch(89.0% 0.070 98.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F3958B

Peach Pink · DarkSalmon · Coral Red

HEX
#F3958B
RGB
rgb(243, 149, 139)
HSL
hsl(6, 81%, 75%)
HSB
hsb(6, 43%, 95%)
CMYK
cmyk(0%, 39%, 43%, 5%)
Oklch
oklch(76.4% 0.115 26.6)

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

#F7B79E

Apricot · BurlyWood · Peach Orange

HEX
#F7B79E
RGB
rgb(247, 183, 158)
HSL
hsl(17, 85%, 79%)
HSB
hsb(17, 36%, 97%)
CMYK
cmyk(0%, 26%, 36%, 3%)
Oklch
oklch(83.2% 0.082 42.3)

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

#9FC0A3

Celadon · DarkGray · Apple Green

HEX
#9FC0A3
RGB
rgb(159, 192, 163)
HSL
hsl(127, 21%, 69%)
HSB
hsb(127, 17%, 75%)
CMYK
cmyk(17%, 0%, 15%, 25%)
Oklch
oklch(77.5% 0.054 148.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#31312F

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#31312F
RGB
rgb(49, 49, 47)
HSL
hsl(60, 2%, 19%)
HSB
hsb(60, 4%, 19%)
CMYK
cmyk(0%, 0%, 4%, 81%)
Oklch
oklch(31.2% 0.004 106.6)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6DCA7
A7B2E6

Analogous

E6BCA7
E6DCA7
D1E6A7

Triadic

E6DCA7
A7E6DC
DCA7E6

Split-Comp.

E6DCA7
A7D1E6
BCA7E6

Tetradic

E6DCA7
A7E6BC
A7B2E6
E6A7D1

Contrast Matrix WCAG 2.1 Contrast

E6DCA7
F3958B
F7B79E
9FC0A3
31312F
—
1.6
Fail
1.2
Fail
1.4
Fail
9.4
AAA
1.6
Fail
—
1.3
Fail
1.1
Fail
5.9
AA
1.2
Fail
1.3
Fail
—
1.2
Fail
7.6
AAA
1.4
Fail
1.1
Fail
1.2
Fail
—
6.5
AA
9.4
AAA
5.9
AA
7.6
AAA
6.5
AA
—
White BG
1.4Fail
2.2Fail
1.7Fail
2.0Fail
13.0AAA
Black BG
15.2AAA
9.5AAA
12.2AAA
10.5AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2B4
CAC98D
DBDBA4
ADAEAA
31312F

Deuteranopia

E2E3B7
D0D78E
DFE4A6
ABA9AC
313130

Tritanopia

E6BEC0
EE8F90
F4A9AA
A1B0B1
313030

Achromatopsia

D9D9D9
B0B0B0
C7C7C7
B3B3B3
313131

Shades & Tints Shades & Tints

#E6DCA7

Dark
Light

#F3958B

Dark
Light

#F7B79E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6dca7;
  --color-2: #f3958b;
  --color-3: #f7b79e;
  --color-4: #9fc0a3;
  --color-5: #31312f;
}

SCSS

$color-1: #e6dca7;
$color-2: #f3958b;
$color-3: #f7b79e;
$color-4: #9fc0a3;
$color-5: #31312f;

TAILWIND

colors: {
  'brand-1': '#e6dca7',
  'brand-2': '#f3958b',
  'brand-3': '#f7b79e',
  'brand-4': '#9fc0a3',
  'brand-5': '#31312f',
}

RGB Array

[230, 220, 167], [243, 149, 139], [247, 183, 158], [159, 192, 163], [49, 49, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6DCA7, #F3958B, #F7B79E, #9FC0A3, #31312F is ideal for: 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: #e6dca7; --color-2: #f3958b; --color-3: #f7b79e; --color-4: #9fc0a3; --color-5: #31312f. 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 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