← Back to Editor

#EBF4D1 · #AED9C2 · #70BDB5 · #6D7788 · #D77E95

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

#EBF4D1

Willow Green · Beige · Mint Green

HEX
#EBF4D1
RGB
rgb(235, 244, 209)
HSL
hsl(75, 61%, 89%)
HSB
hsb(75, 14%, 96%)
CMYK
cmyk(4%, 0%, 14%, 4%)
Oklch
oklch(95.1% 0.047 119.0)

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

#AED9C2

Celadon · Silver · Apple Green

HEX
#AED9C2
RGB
rgb(174, 217, 194)
HSL
hsl(148, 36%, 77%)
HSB
hsb(148, 20%, 85%)
CMYK
cmyk(20%, 0%, 11%, 15%)
Oklch
oklch(84.8% 0.055 161.6)

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

#70BDB5

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#70BDB5
RGB
rgb(112, 189, 181)
HSL
hsl(174, 37%, 59%)
HSB
hsb(174, 41%, 74%)
CMYK
cmyk(41%, 0%, 4%, 26%)
Oklch
oklch(74.6% 0.078 187.2)

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

#6D7788

Indigo · SlateGray · Navy Blue

HEX
#6D7788
RGB
rgb(109, 119, 136)
HSL
hsl(218, 11%, 48%)
HSB
hsb(218, 20%, 53%)
CMYK
cmyk(20%, 12%, 0%, 47%)
Oklch
oklch(56.7% 0.029 261.1)

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

#D77E95

Rouge · LightCoral · Rose Pink

HEX
#D77E95
RGB
rgb(215, 126, 149)
HSL
hsl(344, 53%, 67%)
HSB
hsb(344, 41%, 84%)
CMYK
cmyk(0%, 41%, 31%, 16%)
Oklch
oklch(69.5% 0.113 3.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBF4D1
DAD2F4

Analogous

F4ECD2
EBF4D1
DAF4D2

Triadic

EBF4D1
D2ECF4
F4D2EC

Split-Comp.

EBF4D1
D2DAF4
ECD2F4

Tetradic

EBF4D1
D2F4EC
DAD2F4
F4D2DA

Contrast Matrix WCAG 2.1 Contrast

EBF4D1
AED9C2
70BDB5
6D7788
D77E95
—
1.4
Fail
1.9
Fail
4.0
AA Large
2.5
Fail
1.4
Fail
—
1.4
Fail
2.9
Fail
1.8
Fail
1.9
Fail
1.4
Fail
—
2.1
Fail
1.3
Fail
4.0
AA Large
2.9
Fail
2.1
Fail
—
1.6
Fail
2.5
Fail
1.8
Fail
1.3
Fail
1.6
Fail
—
White BG
1.1Fail
1.6Fail
2.2Fail
4.5AA
2.9Fail
Black BG
18.4AAA
13.5AAA
9.6AAA
4.6AA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFD9
C1C1C8
9192B7
717184
B0B08F

Deuteranopia

EEEEDC
BEBBC9
8D87B7
717083
B6BC8E

Tritanopia

EBE0E2
B0CCCD
74B8B9
6E8180
D38B8A

Achromatopsia

EDEDED
CACACA
A5A5A5
767676
9B9B9B

Shades & Tints Shades & Tints

#EBF4D1

Dark
Light

#AED9C2

Dark
Light

#70BDB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebf4d1;
  --color-2: #aed9c2;
  --color-3: #70bdb5;
  --color-4: #6d7788;
  --color-5: #d77e95;
}

SCSS

$color-1: #ebf4d1;
$color-2: #aed9c2;
$color-3: #70bdb5;
$color-4: #6d7788;
$color-5: #d77e95;

TAILWIND

colors: {
  'brand-1': '#ebf4d1',
  'brand-2': '#aed9c2',
  'brand-3': '#70bdb5',
  'brand-4': '#6d7788',
  'brand-5': '#d77e95',
}

RGB Array

[235, 244, 209], [174, 217, 194], [112, 189, 181], [109, 119, 136], [215, 126, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBF4D1, #AED9C2, #70BDB5, #6D7788, #D77E95 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: #ebf4d1; --color-2: #aed9c2; --color-3: #70bdb5; --color-4: #6d7788; --color-5: #d77e95. 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