#D9D5A7 + #C7F013 + #B2E09D + #88DBC1 + #90A8AD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9D5A7

Fresh Green · Wheat · Sunflower

HEX

#D9D5A7

RGB

rgb(217, 213, 167)

HSL

hsl(55, 40%, 75%)

HSB

hsb(55, 23%, 85%)

CMYK

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

Oklch

oklch(86.5% 0.061 103.5)

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

#C7F013

Grass Green · GreenYellow · Olive Green

HEX

#C7F013

RGB

rgb(199, 240, 19)

HSL

hsl(71, 88%, 51%)

HSB

hsb(71, 92%, 94%)

CMYK

cmyk(17%, 0%, 92%, 6%)

Oklch

oklch(89.4% 0.213 121.4)

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

#B2E09D

Emerald · LightGreen · Apple Green

HEX

#B2E09D

RGB

rgb(178, 224, 157)

HSL

hsl(101, 52%, 75%)

HSB

hsb(101, 30%, 88%)

CMYK

cmyk(21%, 0%, 30%, 12%)

Oklch

oklch(85.8% 0.102 136.1)

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

#88DBC1

Jade · MediumAquaMarine · Lake Green

HEX

#88DBC1

RGB

rgb(136, 219, 193)

HSL

hsl(161, 54%, 70%)

HSB

hsb(161, 38%, 86%)

CMYK

cmyk(38%, 0%, 12%, 14%)

Oklch

oklch(83.1% 0.090 172.1)

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

#90A8AD

Sky Blue · DarkGray · Lake Green

HEX

#90A8AD

RGB

rgb(144, 168, 173)

HSL

hsl(190, 15%, 62%)

HSB

hsb(190, 17%, 68%)

CMYK

cmyk(17%, 3%, 0%, 32%)

Oklch

oklch(71.5% 0.028 211.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D5A7

A6AAD9

Analogous

D9BBA6

D9D5A7

C3D9A6

Triadic

D9D5A7

A6D9D4

D5A6D9

Split-Comp.

D9D5A7

A6C4D9

BBA6D9

Tetradic

D9D5A7

A6D9BB

A6AAD9

D9A6C3

Contrast Matrix WCAG 2.1 Contrast

D9D5A7	C7F013	B2E09D	88DBC1	90A8AD
—	1.1 Fail	1.0 Fail	1.1 Fail	1.7 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.9 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.7 Fail
1.1 Fail	1.2 Fail	1.1 Fail	—	1.5 Fail
1.7 Fail	1.9 Fail	1.7 Fail	1.5 Fail	—

White BG

1.5Fail

1.3Fail

1.5Fail

1.6Fail

2.5Fail

Black BG

14.0AAA

15.9AAA

14.0AAA

12.9AAA

8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7B2

D9D948

C6C6AD

ACADC7

9A9BAC

Deuteranopia

D8D8B5

D6D355

C3C0B1

A7A1C9

9997AC

Tritanopia

D9BBBD

C9737C

B4BABD

8CCCCD

91ABAB

Achromatopsia

D1D1D1

CBCBCB

BFBFBF

A1A1A1

Shades & Tints Shades & Tints

#D9D5A7

Dark

Light

#C7F013

Dark

Light

#B2E09D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d5a7;
  --color-2: #c7f013;
  --color-3: #b2e09d;
  --color-4: #88dbc1;
  --color-5: #90a8ad;
}

SCSS

$color-1: #d9d5a7;
$color-2: #c7f013;
$color-3: #b2e09d;
$color-4: #88dbc1;
$color-5: #90a8ad;

TAILWIND

colors: {
  'brand-1': '#d9d5a7',
  'brand-2': '#c7f013',
  'brand-3': '#b2e09d',
  'brand-4': '#88dbc1',
  'brand-5': '#90a8ad',
}

RGB Array

[217, 213, 167], [199, 240, 19], [178, 224, 157], [136, 219, 193], [144, 168, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9D5A7, #C7F013, #B2E09D, #88DBC1, #90A8AD 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: #d9d5a7; --color-2: #c7f013; --color-3: #b2e09d; --color-4: #88dbc1; --color-5: #90a8ad. 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