← Back to Editor

#E7E7DB · #D8D8C0 · #606060 · #D8A890 · #F0C0A8

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

#E7E7DB

Fresh Green · Beige · Lemon Cream

HEX
#E7E7DB
RGB
rgb(231, 231, 219)
HSL
hsl(60, 20%, 88%)
HSB
hsb(60, 5%, 91%)
CMYK
cmyk(0%, 0%, 5%, 9%)
Oklch
oklch(92.5% 0.016 106.7)

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

#D8D8C0

Fresh Green · LightGray · Lemon Cream

HEX
#D8D8C0
RGB
rgb(216, 216, 192)
HSL
hsl(60, 24%, 80%)
HSB
hsb(60, 11%, 85%)
CMYK
cmyk(0%, 0%, 11%, 15%)
Oklch
oklch(87.6% 0.032 107.0)

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

#606060

Ink Gray · DimGray · Charcoal

HEX
#606060
RGB
rgb(96, 96, 96)
HSL
hsl(0, 0%, 38%)
HSB
hsb(0, 0%, 38%)
CMYK
cmyk(0%, 0%, 0%, 62%)
Oklch
oklch(48.9% 0.000 89.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#D8A890

Apricot · Tan · Warm Sun

HEX
#D8A890
RGB
rgb(216, 168, 144)
HSL
hsl(20, 48%, 71%)
HSB
hsb(20, 33%, 85%)
CMYK
cmyk(0%, 22%, 33%, 15%)
Oklch
oklch(77.0% 0.066 47.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F0C0A8

Apricot · LightPink · Peach Orange

HEX
#F0C0A8
RGB
rgb(240, 192, 168)
HSL
hsl(20, 71%, 80%)
HSB
hsb(20, 30%, 94%)
CMYK
cmyk(0%, 20%, 30%, 6%)
Oklch
oklch(84.4% 0.064 47.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7E7DB
DADAE7

Analogous

E7E0DA
E7E7DB
E0E7DA

Triadic

E7E7DB
DAE7E7
E7DAE7

Split-Comp.

E7E7DB
DAE0E7
E0DAE7

Tetradic

E7E7DB
DAE7E0
DADAE7
E7DAE0

Contrast Matrix WCAG 2.1 Contrast

E7E7DB
D8D8C0
606060
D8A890
F0C0A8
—
1.2
Fail
5.0
AA
1.7
Fail
1.3
Fail
1.2
Fail
—
4.3
AA Large
1.5
Fail
1.1
Fail
5.0
AA
4.3
AA Large
—
3.0
Fail
3.8
AA Large
1.7
Fail
1.5
Fail
3.0
Fail
—
1.3
Fail
1.3
Fail
1.1
Fail
3.8
AA Large
1.3
Fail
—
White BG
1.2Fail
1.4Fail
6.3AA
2.1Fail
1.6Fail
Black BG
16.9AAA
14.5AAA
3.3AA Large
9.9AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7DE
D8D8C6
606060
C3C396
DBDBAE

Deuteranopia

E7E7DF
D8D8C7
606060
C6CA97
DEE2AF

Tritanopia

E7E0E1
D8CACB
606060
D69A9B
EEB2B3

Achromatopsia

E6E6E6
D5D5D5
606060
B4B4B4
CCCCCC

Shades & Tints Shades & Tints

#E7E7DB

Dark
Light

#D8D8C0

Dark
Light

#606060

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7e7db;
  --color-2: #d8d8c0;
  --color-3: #606060;
  --color-4: #d8a890;
  --color-5: #f0c0a8;
}

SCSS

$color-1: #e7e7db;
$color-2: #d8d8c0;
$color-3: #606060;
$color-4: #d8a890;
$color-5: #f0c0a8;

TAILWIND

colors: {
  'brand-1': '#e7e7db',
  'brand-2': '#d8d8c0',
  'brand-3': '#606060',
  'brand-4': '#d8a890',
  'brand-5': '#f0c0a8',
}

RGB Array

[231, 231, 219], [216, 216, 192], [96, 96, 96], [216, 168, 144], [240, 192, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7E7DB, #D8D8C0, #606060, #D8A890, #F0C0A8 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: #e7e7db; --color-2: #d8d8c0; --color-3: #606060; --color-4: #d8a890; --color-5: #f0c0a8. 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