← Back to Editor

#E9F5D8 · #F3E7C6 · #C79999 · #4D4343 · #726368

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

#E9F5D8

Willow Green · Beige · Mint Green

HEX
#E9F5D8
RGB
rgb(233, 245, 216)
HSL
hsl(85, 59%, 90%)
HSB
hsb(85, 12%, 96%)
CMYK
cmyk(5%, 0%, 12%, 4%)
Oklch
oklch(95.4% 0.040 125.5)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#F3E7C6

Goose Yellow · Bisque · Lemon Cream

HEX
#F3E7C6
RGB
rgb(243, 231, 198)
HSL
hsl(44, 65%, 86%)
HSB
hsb(44, 19%, 95%)
CMYK
cmyk(0%, 5%, 19%, 5%)
Oklch
oklch(92.9% 0.045 90.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C79999

Peach Pink · Tan · Coral Red

HEX
#C79999
RGB
rgb(199, 153, 153)
HSL
hsl(0, 29%, 69%)
HSB
hsb(0, 23%, 78%)
CMYK
cmyk(0%, 23%, 23%, 22%)
Oklch
oklch(72.6% 0.055 18.5)

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

#4D4343

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4D4343
RGB
rgb(77, 67, 67)
HSL
hsl(0, 7%, 28%)
HSB
hsb(0, 13%, 30%)
CMYK
cmyk(0%, 13%, 13%, 70%)
Oklch
oklch(39.3% 0.014 17.8)

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

#726368

Ink Gray · DimGray · Warm Gray

HEX
#726368
RGB
rgb(114, 99, 104)
HSL
hsl(340, 7%, 42%)
HSB
hsb(340, 13%, 45%)
CMYK
cmyk(0%, 13%, 9%, 55%)
Oklch
oklch(51.6% 0.021 355.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9F5D8
E3D6F5

Analogous

F5F2D6
E9F5D8
D9F5D6

Triadic

E9F5D8
D6E8F5
F5D6E8

Split-Comp.

E9F5D8
D6D9F5
F2D6F5

Tetradic

E9F5D8
D6F5F2
E3D6F5
F5D6D9

Contrast Matrix WCAG 2.1 Contrast

E9F5D8
F3E7C6
C79999
4D4343
726368
—
1.1
Fail
2.2
Fail
8.4
AAA
5.0
AA
1.1
Fail
—
2.0
Fail
7.8
AAA
4.6
AA
2.2
Fail
2.0
Fail
—
3.8
AA Large
2.3
Fail
8.4
AAA
7.8
AAA
3.8
AA Large
—
1.7
Fail
5.0
AA
4.6
AA
2.3
Fail
1.7
Fail
—
White BG
1.1Fail
1.2Fail
2.5Fail
9.5AAA
5.7AA
Black BG
18.5AAA
17.1AAA
8.4AAA
2.2Fail
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEDF
EEEECE
B3B399
494943
6C6B67

Deuteranopia

EEEDE1
EFEFD0
B6B999
494A43
6C6E67

Tritanopia

EAE5E6
F2D4D6
C59999
4C4343
716666

Achromatopsia

EEEEEE
E7E7E7
A7A7A7
464646
686868

Shades & Tints Shades & Tints

#E9F5D8

Dark
Light

#F3E7C6

Dark
Light

#C79999

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9f5d8;
  --color-2: #f3e7c6;
  --color-3: #c79999;
  --color-4: #4d4343;
  --color-5: #726368;
}

SCSS

$color-1: #e9f5d8;
$color-2: #f3e7c6;
$color-3: #c79999;
$color-4: #4d4343;
$color-5: #726368;

TAILWIND

colors: {
  'brand-1': '#e9f5d8',
  'brand-2': '#f3e7c6',
  'brand-3': '#c79999',
  'brand-4': '#4d4343',
  'brand-5': '#726368',
}

RGB Array

[233, 245, 216], [243, 231, 198], [199, 153, 153], [77, 67, 67], [114, 99, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9F5D8, #F3E7C6, #C79999, #4D4343, #726368 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: #e9f5d8; --color-2: #f3e7c6; --color-3: #c79999; --color-4: #4d4343; --color-5: #726368. 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