#D0E6A1 + #F5F2C1 + #C3CFBA + #7C9EA1 + #EBC2B0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D0E6A1

Willow Green · Khaki · Apple Green

HEX

#D0E6A1

RGB

rgb(208, 230, 161)

HSL

hsl(79, 58%, 77%)

HSB

hsb(79, 30%, 90%)

CMYK

cmyk(10%, 0%, 30%, 10%)

Oklch

oklch(89.2% 0.093 122.7)

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

#F5F2C1

Fresh Green · Bisque · Lemon Cream

HEX

#F5F2C1

RGB

rgb(245, 242, 193)

HSL

hsl(57, 72%, 86%)

HSB

hsb(57, 21%, 96%)

CMYK

cmyk(0%, 1%, 21%, 4%)

Oklch

oklch(95.1% 0.063 104.6)

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

#C3CFBA

Celadon · Silver · Apple Green

HEX

#C3CFBA

RGB

rgb(195, 207, 186)

HSL

hsl(94, 18%, 77%)

HSB

hsb(94, 10%, 81%)

CMYK

cmyk(6%, 0%, 10%, 19%)

Oklch

oklch(83.9% 0.031 131.6)

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

#7C9EA1

Slate Blue · LightSlateGray · Lake Green

HEX

#7C9EA1

RGB

rgb(124, 158, 161)

HSL

hsl(185, 16%, 56%)

HSB

hsb(185, 23%, 63%)

CMYK

cmyk(23%, 2%, 0%, 37%)

Oklch

oklch(67.5% 0.038 203.0)

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

#EBC2B0

Apricot · LightPink · Peach Orange

HEX

#EBC2B0

RGB

rgb(235, 194, 176)

HSL

hsl(18, 60%, 81%)

HSB

hsb(18, 25%, 92%)

CMYK

cmyk(0%, 17%, 25%, 8%)

Oklch

oklch(84.5% 0.053 45.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0E6A1

B8A2E6

Analogous

E6DAA2

D0E6A1

AFE6A2

Triadic

D0E6A1

A2D1E6

E6A2D1

Split-Comp.

D0E6A1

A2AFE6

DAA2E6

Tetradic

D0E6A1

A2E6DA

B8A2E6

E6A2AF

Contrast Matrix WCAG 2.1 Contrast

D0E6A1	F5F2C1	C3CFBA	7C9EA1	EBC2B0
—	1.2 Fail	1.2 Fail	2.1 Fail	1.2 Fail
1.2 Fail	—	1.4 Fail	2.5 Fail	1.4 Fail
1.2 Fail	1.4 Fail	—	1.8 Fail	1.0 Fail
2.1 Fail	2.5 Fail	1.8 Fail	—	1.8 Fail
1.2 Fail	1.4 Fail	1.0 Fail	1.8 Fail	—

White BG

1.4Fail

1.1Fail

1.6Fail

2.9Fail

1.6Fail

Black BG

15.5AAA

18.4AAA

13.0AAA

7.3AAA

12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAB2

F4F4CD

C8C8BF

8B8BA0

D9D9B4

Deuteranopia

D8D7B6

F4F4D0

C8C7C0

8986A0

DCDFB5

Tritanopia

D1BFC2

F5D6D8

C4C3C4

7EA0A0

E9B8B9

Achromatopsia

D8D8D8

EDEDED

C9C9C9

949494

CCCCCC

Shades & Tints Shades & Tints

#D0E6A1

Dark

Light

#F5F2C1

Dark

Light

#C3CFBA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0e6a1;
  --color-2: #f5f2c1;
  --color-3: #c3cfba;
  --color-4: #7c9ea1;
  --color-5: #ebc2b0;
}

SCSS

$color-1: #d0e6a1;
$color-2: #f5f2c1;
$color-3: #c3cfba;
$color-4: #7c9ea1;
$color-5: #ebc2b0;

TAILWIND

colors: {
  'brand-1': '#d0e6a1',
  'brand-2': '#f5f2c1',
  'brand-3': '#c3cfba',
  'brand-4': '#7c9ea1',
  'brand-5': '#ebc2b0',
}

RGB Array

[208, 230, 161], [245, 242, 193], [195, 207, 186], [124, 158, 161], [235, 194, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0E6A1, #F5F2C1, #C3CFBA, #7C9EA1, #EBC2B0 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: #d0e6a1; --color-2: #f5f2c1; --color-3: #c3cfba; --color-4: #7c9ea1; --color-5: #ebc2b0. 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