← Back to Editor

#EEF3E8 · #D9DDD7 · #725E4E · #4C3A3F · #0F1307

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

#EEF3E8

Willow Green · Linen · Mint Green

HEX
#EEF3E8
RGB
rgb(238, 243, 232)
HSL
hsl(87, 31%, 93%)
HSB
hsb(87, 5%, 95%)
CMYK
cmyk(2%, 0%, 5%, 5%)
Oklch
oklch(95.7% 0.015 126.8)

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

#D9DDD7

Celadon · LightGray · Pearl Gray

HEX
#D9DDD7
RGB
rgb(217, 221, 215)
HSL
hsl(100, 8%, 85%)
HSB
hsb(100, 3%, 87%)
CMYK
cmyk(2%, 0%, 3%, 13%)
Oklch
oklch(89.3% 0.009 134.9)

Traditional「Celadon」· Paint「Pearl Gray」· Creative Silver Lining

#725E4E

Tangerine · DimGray · Amber Brown

HEX
#725E4E
RGB
rgb(114, 94, 78)
HSL
hsl(27, 19%, 38%)
HSB
hsb(27, 32%, 45%)
CMYK
cmyk(0%, 18%, 32%, 55%)
Oklch
oklch(49.7% 0.036 60.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#4C3A3F

Dark Violet · DarkSlateGray · Camellia

HEX
#4C3A3F
RGB
rgb(76, 58, 63)
HSL
hsl(343, 13%, 26%)
HSB
hsb(343, 24%, 30%)
CMYK
cmyk(0%, 24%, 17%, 70%)
Oklch
oklch(37.0% 0.027 0.0)

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

#0F1307

Grass Green · Black · Dark Green

HEX
#0F1307
RGB
rgb(15, 19, 7)
HSL
hsl(80, 46%, 5%)
HSB
hsb(80, 63%, 7%)
CMYK
cmyk(21%, 0%, 63%, 93%)
Oklch
oklch(17.8% 0.024 123.5)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEF3E8
EDE8F3

Analogous

F3F2E8
EEF3E8
E8F3E8

Triadic

EEF3E8
E8EEF3
F3E8EE

Split-Comp.

EEF3E8
E8E8F3
F2E8F3

Tetradic

EEF3E8
E8F3F2
EDE8F3
F3E8E8

Contrast Matrix WCAG 2.1 Contrast

EEF3E8
D9DDD7
725E4E
4C3A3F
0F1307
—
1.2
Fail
5.4
AA
9.4
AAA
16.7
AAA
1.2
Fail
—
4.5
AA Large
7.7
AAA
13.7
AAA
5.4
AA
4.5
AA Large
—
1.7
Fail
3.1
AA Large
9.4
AAA
7.7
AAA
1.7
Fail
—
1.8
Fail
16.7
AAA
13.7
AAA
3.1
AA Large
1.8
Fail
—
White BG
1.1Fail
1.4Fail
6.1AA
10.6AAA
18.8AAA
Black BG
18.6AAA
15.3AAA
3.4AA Large
2.0Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0EB
DBDBD8
696952
44443E
11110A

Deuteranopia

F0F0EB
DBDAD9
6B6C53
45473D
11100B

Tritanopia

EEEDED
D9DADA
715556
4B3D3D
0F0C0D

Achromatopsia

F0F0F0
DBDBDB
626262
404040
101010

Shades & Tints Shades & Tints

#EEF3E8

Dark
Light

#D9DDD7

Dark
Light

#725E4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eef3e8;
  --color-2: #d9ddd7;
  --color-3: #725e4e;
  --color-4: #4c3a3f;
  --color-5: #0f1307;
}

SCSS

$color-1: #eef3e8;
$color-2: #d9ddd7;
$color-3: #725e4e;
$color-4: #4c3a3f;
$color-5: #0f1307;

TAILWIND

colors: {
  'brand-1': '#eef3e8',
  'brand-2': '#d9ddd7',
  'brand-3': '#725e4e',
  'brand-4': '#4c3a3f',
  'brand-5': '#0f1307',
}

RGB Array

[238, 243, 232], [217, 221, 215], [114, 94, 78], [76, 58, 63], [15, 19, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEF3E8, #D9DDD7, #725E4E, #4C3A3F, #0F1307 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eef3e8; --color-2: #d9ddd7; --color-3: #725e4e; --color-4: #4c3a3f; --color-5: #0f1307. 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. Restrained colors convey professionalism and trust. 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