← Back to Editor

#EDEDE1 · #CBE0CF · #A2B6C1 · #8E8EA3 · #605258

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#EDEDE1

Fresh Green · Beige · Lemon Cream

HEX
#EDEDE1
RGB
rgb(237, 237, 225)
HSL
hsl(60, 25%, 91%)
HSB
hsb(60, 5%, 93%)
CMYK
cmyk(0%, 0%, 5%, 7%)
Oklch
oklch(94.3% 0.016 106.7)

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

#CBE0CF

Celadon · LightGray · Mint Green

HEX
#CBE0CF
RGB
rgb(203, 224, 207)
HSL
hsl(131, 25%, 84%)
HSB
hsb(131, 9%, 88%)
CMYK
cmyk(9%, 0%, 8%, 12%)
Oklch
oklch(88.6% 0.032 151.1)

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

#A2B6C1

Sky Blue · DarkGray · Cobalt Blue

HEX
#A2B6C1
RGB
rgb(162, 182, 193)
HSL
hsl(201, 20%, 70%)
HSB
hsb(201, 16%, 76%)
CMYK
cmyk(16%, 6%, 0%, 24%)
Oklch
oklch(76.4% 0.027 231.8)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#8E8EA3

Deep Indigo · LightSlateGray · Navy Blue

HEX
#8E8EA3
RGB
rgb(142, 142, 163)
HSL
hsl(240, 10%, 60%)
HSB
hsb(240, 13%, 64%)
CMYK
cmyk(13%, 13%, 0%, 36%)
Oklch
oklch(65.4% 0.031 285.5)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#605258

Dark Violet · DimGray · Charcoal

HEX
#605258
RGB
rgb(96, 82, 88)
HSL
hsl(334, 8%, 35%)
HSB
hsb(334, 15%, 38%)
CMYK
cmyk(0%, 15%, 8%, 62%)
Oklch
oklch(45.5% 0.021 350.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDEDE1
E2E2EE

Analogous

EEE8E2
EDEDE1
E8EEE2

Triadic

EDEDE1
E2EEEE
EEE2EE

Split-Comp.

EDEDE1
E2E8EE
E8E2EE

Tetradic

EDEDE1
E2EEE8
E2E2EE
EEE2E8

Contrast Matrix WCAG 2.1 Contrast

EDEDE1
CBE0CF
A2B6C1
8E8EA3
605258
—
1.2
Fail
1.8
Fail
2.7
Fail
6.3
AA
1.2
Fail
—
1.5
Fail
2.3
Fail
5.3
AA
1.8
Fail
1.5
Fail
—
1.5
Fail
3.5
AA Large
2.7
Fail
2.3
Fail
1.5
Fail
—
2.3
Fail
6.3
AA
5.3
AA
3.5
AA Large
2.3
Fail
—
White BG
1.2Fail
1.4Fail
2.1Fail
3.2AA Large
7.4AAA
Black BG
17.8AAA
15.1AAA
10.0AAA
6.5AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDE4
D4D4D3
ABABBE
8E8E9E
5A5A57

Deuteranopia

EDEDE5
D3D1D4
AAA8BE
8E8E9D
5B5C56

Tritanopia

EDE6E7
CCD6D7
A3BCBC
8E9A99
5F5555

Achromatopsia

ECECEC
D8D8D8
B1B1B1
909090
575757

Shades & Tints Shades & Tints

#EDEDE1

Dark
Light

#CBE0CF

Dark
Light

#A2B6C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edede1;
  --color-2: #cbe0cf;
  --color-3: #a2b6c1;
  --color-4: #8e8ea3;
  --color-5: #605258;
}

SCSS

$color-1: #edede1;
$color-2: #cbe0cf;
$color-3: #a2b6c1;
$color-4: #8e8ea3;
$color-5: #605258;

TAILWIND

colors: {
  'brand-1': '#edede1',
  'brand-2': '#cbe0cf',
  'brand-3': '#a2b6c1',
  'brand-4': '#8e8ea3',
  'brand-5': '#605258',
}

RGB Array

[237, 237, 225], [203, 224, 207], [162, 182, 193], [142, 142, 163], [96, 82, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDEDE1, #CBE0CF, #A2B6C1, #8E8EA3, #605258 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #edede1; --color-2: #cbe0cf; --color-3: #a2b6c1; --color-4: #8e8ea3; --color-5: #605258. 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 beauty, lifestyle, arts 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