← Back to Editor

#EBF4D1 · #DBE7D5 · #A1ACA6 · #D1D89C · #C6AAB3

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

WorkspaceReading

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

#DBE7D5

Celadon · LightGray · Mint Green

HEX
#DBE7D5
RGB
rgb(219, 231, 213)
HSL
hsl(100, 27%, 87%)
HSB
hsb(100, 8%, 91%)
CMYK
cmyk(5%, 0%, 8%, 9%)
Oklch
oklch(91.4% 0.027 135.0)

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

#A1ACA6

Ash · DarkGray · Silver Sand

HEX
#A1ACA6
RGB
rgb(161, 172, 166)
HSL
hsl(147, 6%, 65%)
HSB
hsb(147, 6%, 67%)
CMYK
cmyk(6%, 0%, 3%, 33%)
Oklch
oklch(73.4% 0.015 162.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#D1D89C

Fresh Green · Khaki · Sunflower

HEX
#D1D89C
RGB
rgb(209, 216, 156)
HSL
hsl(67, 43%, 73%)
HSB
hsb(67, 28%, 85%)
CMYK
cmyk(3%, 0%, 28%, 15%)
Oklch
oklch(86.2% 0.079 113.5)

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

#C6AAB3

Rouge · Silver · Rose Pink

HEX
#C6AAB3
RGB
rgb(198, 170, 179)
HSL
hsl(341, 20%, 72%)
HSB
hsb(341, 14%, 78%)
CMYK
cmyk(0%, 14%, 10%, 22%)
Oklch
oklch(76.5% 0.035 356.6)

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
DBE7D5
A1ACA6
D1D89C
C6AAB3
—
1.1
Fail
2.1
Fail
1.3
Fail
1.9
Fail
1.1
Fail
—
1.8
Fail
1.2
Fail
1.7
Fail
2.1
Fail
1.8
Fail
—
1.6
Fail
1.1
Fail
1.3
Fail
1.2
Fail
1.6
Fail
—
1.4
Fail
1.9
Fail
1.7
Fail
1.1
Fail
1.4
Fail
—
White BG
1.1Fail
1.3Fail
2.3Fail
1.5Fail
2.1Fail
Black BG
18.4AAA
16.4AAA
9.0AAA
14.0AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFD9
E0E0D9
A6A6A7
D4D4AB
BABAB1

Deuteranopia

EEEEDC
E0DFDA
A5A4A8
D4D3AE
BCBEB0

Tritanopia

EBE0E2
DCDDDE
A2A9A9
D1B6B9
C5AFAF

Achromatopsia

EDEDED
E1E1E1
A8A8A8
CFCFCF
B3B3B3

Shades & Tints Shades & Tints

#EBF4D1

Dark
Light

#DBE7D5

Dark
Light

#A1ACA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebf4d1;
  --color-2: #dbe7d5;
  --color-3: #a1aca6;
  --color-4: #d1d89c;
  --color-5: #c6aab3;
}

SCSS

$color-1: #ebf4d1;
$color-2: #dbe7d5;
$color-3: #a1aca6;
$color-4: #d1d89c;
$color-5: #c6aab3;

TAILWIND

colors: {
  'brand-1': '#ebf4d1',
  'brand-2': '#dbe7d5',
  'brand-3': '#a1aca6',
  'brand-4': '#d1d89c',
  'brand-5': '#c6aab3',
}

RGB Array

[235, 244, 209], [219, 231, 213], [161, 172, 166], [209, 216, 156], [198, 170, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBF4D1, #DBE7D5, #A1ACA6, #D1D89C, #C6AAB3 is ideal for: health products, baby brands, fresh-style blogs. 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: #dbe7d5; --color-3: #a1aca6; --color-4: #d1d89c; --color-5: #c6aab3. 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. 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