#D5E8DE + #E1EDE2 + #D8F2C2 + #D5ED8C + #D8F024 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebellious

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#D5E8DE

Celadon · LightGray · Mint Green

HEX

#D5E8DE

RGB

rgb(213, 232, 222)

HSL

hsl(148, 29%, 87%)

HSB

hsb(148, 8%, 91%)

CMYK

cmyk(8%, 0%, 4%, 9%)

Oklch

oklch(91.4% 0.024 163.1)

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

#E1EDE2

Celadon · Beige · Mint Green

HEX

#E1EDE2

RGB

rgb(225, 237, 226)

HSL

hsl(125, 25%, 91%)

HSB

hsb(125, 5%, 93%)

CMYK

cmyk(5%, 0%, 5%, 7%)

Oklch

oklch(93.4% 0.019 147.8)

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

#D8F2C2

Emerald · LightGray · Mint Green

HEX

#D8F2C2

RGB

rgb(216, 242, 194)

HSL

hsl(92, 65%, 85%)

HSB

hsb(92, 20%, 95%)

CMYK

cmyk(11%, 0%, 20%, 5%)

Oklch

oklch(93.0% 0.069 130.9)

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

#D5ED8C

Willow Green · Khaki · Apple Green

HEX

#D5ED8C

RGB

rgb(213, 237, 140)

HSL

hsl(75, 73%, 74%)

HSB

hsb(75, 41%, 93%)

CMYK

cmyk(10%, 0%, 41%, 7%)

Oklch

oklch(90.7% 0.125 120.3)

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

#D8F024

Autumn Sage · GreenYellow · Sunflower

HEX

#D8F024

RGB

rgb(216, 240, 36)

HSL

hsl(67, 87%, 54%)

HSB

hsb(67, 85%, 94%)

CMYK

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

Oklch

oklch(90.7% 0.202 117.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5E8DE

E7D4DE

Analogous

D5E7D4

D5E8DE

D4E7E7

Triadic

D5E8DE

DDD4E7

E7DDD4

Split-Comp.

D5E8DE

E7D4E7

E7D4D5

Tetradic

D5E8DE

D4D5E7

E7D4DE

E7E7D4

Contrast Matrix WCAG 2.1 Contrast

D5E8DE	E1EDE2	D8F2C2	D5ED8C	D8F024
—	1.1 Fail	1.1 Fail	1.0 Fail	1.0 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.0 Fail	1.1 Fail	1.1 Fail	—	1.0 Fail
1.0 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.3Fail

1.2Fail

1.3Fail

Black BG

16.4AAA

17.4AAA

16.3AAA

16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDE0

E6E6E5

E3E3CE

DFE0A3

E2E355

Deuteranopia

DCDBE1

E6E5E5

E2E0D0

DEDCA9

E1DF61

Tritanopia

D6E2E3

E2E7E7

D9D7D9

D6B6BA

D97C85

Achromatopsia

E1E1E1

E8E8E8

E5E5E5

DBDBDB

D2D2D2

Shades & Tints Shades & Tints

#D5E8DE

Dark

Light

#E1EDE2

Dark

Light

#D8F2C2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5e8de;
  --color-2: #e1ede2;
  --color-3: #d8f2c2;
  --color-4: #d5ed8c;
  --color-5: #d8f024;
}

SCSS

$color-1: #d5e8de;
$color-2: #e1ede2;
$color-3: #d8f2c2;
$color-4: #d5ed8c;
$color-5: #d8f024;

TAILWIND

colors: {
  'brand-1': '#d5e8de',
  'brand-2': '#e1ede2',
  'brand-3': '#d8f2c2',
  'brand-4': '#d5ed8c',
  'brand-5': '#d8f024',
}

RGB Array

[213, 232, 222], [225, 237, 226], [216, 242, 194], [213, 237, 140], [216, 240, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #D5E8DE, #E1EDE2, #D8F2C2, #D5ED8C, #D8F024 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: #d5e8de; --color-2: #e1ede2; --color-3: #d8f2c2; --color-4: #d5ed8c; --color-5: #d8f024. 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 neon-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