← Back to Editor

#EAECEB · #D48AAF · #72B091 · #7AB03F · #020303

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

#EAECEB

Plain White · Lavender · Cloud White

HEX
#EAECEB
RGB
rgb(234, 236, 235)
HSL
hsl(150, 5%, 92%)
HSB
hsb(150, 1%, 93%)
CMYK
cmyk(1%, 0%, 0%, 7%)
Oklch
oklch(94.1% 0.003 165.1)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#D48AAF

Rouge · Orchid · Rose Pink

HEX
#D48AAF
RGB
rgb(212, 138, 175)
HSL
hsl(330, 46%, 69%)
HSB
hsb(330, 35%, 83%)
CMYK
cmyk(0%, 35%, 17%, 17%)
Oklch
oklch(72.0% 0.101 348.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#72B091

Mineral Blue · CadetBlue · Olive Green

HEX
#72B091
RGB
rgb(114, 176, 145)
HSL
hsl(150, 28%, 57%)
HSB
hsb(150, 35%, 69%)
CMYK
cmyk(35%, 0%, 18%, 31%)
Oklch
oklch(70.6% 0.079 161.7)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#7AB03F

Grass Green · LimeGreen · Olive Green

HEX
#7AB03F
RGB
rgb(122, 176, 63)
HSL
hsl(89, 47%, 47%)
HSB
hsb(89, 64%, 69%)
CMYK
cmyk(31%, 0%, 64%, 31%)
Oklch
oklch(69.6% 0.155 131.2)

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

#020303

Slate Blue · Black · Peacock Green

HEX
#020303
RGB
rgb(2, 3, 3)
HSL
hsl(180, 20%, 1%)
HSB
hsb(180, 33%, 1%)
CMYK
cmyk(33%, 0%, 0%, 99%)
Oklch
oklch(9.4% 0.004 196.5)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAECEB
ECEAEB

Analogous

EAECEA
EAECEB
EAECEC

Triadic

EAECEB
EBEAEC
ECEBEA

Split-Comp.

EAECEB
ECEAEC
ECEAEA

Tetradic

EAECEB
EAEAEC
ECEAEB
ECECEA

Contrast Matrix WCAG 2.1 Contrast

EAECEB
D48AAF
72B091
7AB03F
020303
—
2.2
Fail
2.1
Fail
2.2
Fail
17.4
AAA
2.2
Fail
—
1.0
Fail
1.0
Fail
7.9
AAA
2.1
Fail
1.0
Fail
—
1.0
Fail
8.2
AAA
2.2
Fail
1.0
Fail
1.0
Fail
—
8.0
AAA
17.4
AAA
7.9
AAA
8.2
AAA
8.0
AAA
—
White BG
1.2Fail
2.6Fail
2.5Fail
2.6Fail
20.7AAA
Black BG
17.7AAA
8.1AAA
8.3AAA
8.1AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBEB
B4B3A6
8D8D99
91925A
020203

Deuteranopia

EBEBEB
B8BEA4
89859A
8E8A61
020203

Tritanopia

EAEBEB
D09F9D
759EA0
7D7075
020303

Achromatopsia

EBEBEB
A4A4A4
9A9A9A
939393
030303

Shades & Tints Shades & Tints

#EAECEB

Dark
Light

#D48AAF

Dark
Light

#72B091

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaeceb;
  --color-2: #d48aaf;
  --color-3: #72b091;
  --color-4: #7ab03f;
  --color-5: #020303;
}

SCSS

$color-1: #eaeceb;
$color-2: #d48aaf;
$color-3: #72b091;
$color-4: #7ab03f;
$color-5: #020303;

TAILWIND

colors: {
  'brand-1': '#eaeceb',
  'brand-2': '#d48aaf',
  'brand-3': '#72b091',
  'brand-4': '#7ab03f',
  'brand-5': '#020303',
}

RGB Array

[234, 236, 235], [212, 138, 175], [114, 176, 145], [122, 176, 63], [2, 3, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAECEB, #D48AAF, #72B091, #7AB03F, #020303 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: #eaeceb; --color-2: #d48aaf; --color-3: #72b091; --color-4: #7ab03f; --color-5: #020303. 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