← Back to Editor

#EDEFDB · #DEDAB1 · #90D0B5 · #515357 · #30556F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EDEFDB

Fresh Green · Beige · Lemon Cream

HEX
#EDEFDB
RGB
rgb(237, 239, 219)
HSL
hsl(66, 38%, 90%)
HSB
hsb(66, 8%, 94%)
CMYK
cmyk(1%, 0%, 8%, 6%)
Oklch
oklch(94.5% 0.027 111.5)

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

#DEDAB1

Fresh Green · Wheat · Lemon Cream

HEX
#DEDAB1
RGB
rgb(222, 218, 177)
HSL
hsl(55, 41%, 78%)
HSB
hsb(55, 20%, 87%)
CMYK
cmyk(0%, 2%, 20%, 13%)
Oklch
oklch(88.1% 0.054 102.8)

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

#90D0B5

Jade · DarkSeaGreen · Apple Green

HEX
#90D0B5
RGB
rgb(144, 208, 181)
HSL
hsl(155, 41%, 69%)
HSB
hsb(155, 31%, 82%)
CMYK
cmyk(31%, 0%, 13%, 18%)
Oklch
oklch(80.7% 0.076 166.4)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#515357

Ink Gray · DarkSlateGray · Charcoal

HEX
#515357
RGB
rgb(81, 83, 87)
HSL
hsl(220, 4%, 33%)
HSB
hsb(220, 7%, 34%)
CMYK
cmyk(7%, 5%, 0%, 66%)
Oklch
oklch(44.2% 0.007 264.5)

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

#30556F

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#30556F
RGB
rgb(48, 85, 111)
HSL
hsl(205, 40%, 31%)
HSB
hsb(205, 57%, 44%)
CMYK
cmyk(57%, 23%, 0%, 56%)
Oklch
oklch(43.3% 0.061 240.7)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDEFDB
DEDCEF

Analogous

EFE7DC
EDEFDB
E4EFDC

Triadic

EDEFDB
DCEDEF
EFDCED

Split-Comp.

EDEFDB
DCE4EF
E7DCEF

Tetradic

EDEFDB
DCEFE7
DEDCEF
EFDCE4

Contrast Matrix WCAG 2.1 Contrast

EDEFDB
DEDAB1
90D0B5
515357
30556F
—
1.2
Fail
1.5
Fail
6.6
AA
6.8
AA
1.2
Fail
—
1.2
Fail
5.4
AA
5.6
AA
1.5
Fail
1.2
Fail
—
4.4
AA Large
4.5
AA Large
6.6
AA
5.4
AA
4.4
AA Large
—
1.0
Fail
6.8
AA
5.6
AA
4.5
AA Large
1.0
Fail
—
White BG
1.2Fail
1.4Fail
1.8Fail
7.7AAA
7.9AAA
Black BG
18.0AAA
14.8AAA
11.9AAA
2.7Fail
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEE0
DCDCBB
ACACBC
525256
404069

Deuteranopia

EEEEE1
DDDDBD
A8A3BD
525256
3E3B67

Tritanopia

EDE4E5
DEC3C4
93C1C2
515555
326463

Achromatopsia

ECECEC
D7D7D7
BABABA
535353
4D4D4D

Shades & Tints Shades & Tints

#EDEFDB

Dark
Light

#DEDAB1

Dark
Light

#90D0B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edefdb;
  --color-2: #dedab1;
  --color-3: #90d0b5;
  --color-4: #515357;
  --color-5: #30556f;
}

SCSS

$color-1: #edefdb;
$color-2: #dedab1;
$color-3: #90d0b5;
$color-4: #515357;
$color-5: #30556f;

TAILWIND

colors: {
  'brand-1': '#edefdb',
  'brand-2': '#dedab1',
  'brand-3': '#90d0b5',
  'brand-4': '#515357',
  'brand-5': '#30556f',
}

RGB Array

[237, 239, 219], [222, 218, 177], [144, 208, 181], [81, 83, 87], [48, 85, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDEFDB, #DEDAB1, #90D0B5, #515357, #30556F 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: #edefdb; --color-2: #dedab1; --color-3: #90d0b5; --color-4: #515357; --color-5: #30556f. 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