#D1C6B8 + #ABEF94 + #D5E299 + #DFDCBD + #E7D5C3 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#D1C6B8

Goose Yellow · Silver · Peach Orange

HEX

#D1C6B8

RGB

rgb(209, 198, 184)

HSL

hsl(34, 21%, 77%)

HSB

hsb(34, 12%, 82%)

CMYK

cmyk(0%, 5%, 12%, 18%)

Oklch

oklch(83.2% 0.023 74.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#ABEF94

Emerald · LightGreen · Apple Green

HEX

#ABEF94

RGB

rgb(171, 239, 148)

HSL

hsl(105, 74%, 76%)

HSB

hsb(105, 38%, 94%)

CMYK

cmyk(28%, 0%, 38%, 6%)

Oklch

oklch(88.5% 0.138 138.1)

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

#D5E299

Willow Green · Khaki · Apple Green

HEX

#D5E299

RGB

rgb(213, 226, 153)

HSL

hsl(71, 56%, 74%)

HSB

hsb(71, 32%, 89%)

CMYK

cmyk(6%, 0%, 32%, 11%)

Oklch

oklch(88.6% 0.095 116.6)

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

#DFDCBD

Fresh Green · Wheat · Lemon Cream

HEX

#DFDCBD

RGB

rgb(223, 220, 189)

HSL

hsl(55, 35%, 81%)

HSB

hsb(55, 15%, 87%)

CMYK

cmyk(0%, 1%, 15%, 13%)

Oklch

oklch(88.9% 0.041 102.7)

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

#E7D5C3

Goose Yellow · Wheat · Peach Orange

HEX

#E7D5C3

RGB

rgb(231, 213, 195)

HSL

hsl(30, 43%, 84%)

HSB

hsb(30, 16%, 91%)

CMYK

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

Oklch

oklch(88.3% 0.031 67.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C6B8

B8C3D1

Analogous

D1BAB8

D1C6B8

CFD1B8

Triadic

D1C6B8

B8D1C6

C6B8D1

Split-Comp.

D1C6B8

B8CFD1

BAB8D1

Tetradic

D1C6B8

B8D1BA

B8C3D1

D1B8CF

Contrast Matrix WCAG 2.1 Contrast

D1C6B8	ABEF94	D5E299	DFDCBD	E7D5C3
—	1.2 Fail	1.2 Fail	1.2 Fail	1.2 Fail
1.2 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.2 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.2 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.2 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

1.7Fail

1.4Fail

Black BG

12.5AAA

15.5AAA

15.2AAA

15.1AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCBB

C8C9AA

DBDBAB

DEDEC5

DFDFC7

Deuteranopia

CDCEBC

C5BFAF

DAD9AF

DEDEC6

E0E2C8

Tritanopia

D0BEBF

AEBBBF

D6B9BC

DFCACC

E6CBCC

Achromatopsia

C8C8C8

D0D0D0

D6D6D6

D9D9D9

D8D8D8

Shades & Tints Shades & Tints

#D1C6B8

Dark

Light

#ABEF94

Dark

Light

#D5E299

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c6b8;
  --color-2: #abef94;
  --color-3: #d5e299;
  --color-4: #dfdcbd;
  --color-5: #e7d5c3;
}

SCSS

$color-1: #d1c6b8;
$color-2: #abef94;
$color-3: #d5e299;
$color-4: #dfdcbd;
$color-5: #e7d5c3;

TAILWIND

colors: {
  'brand-1': '#d1c6b8',
  'brand-2': '#abef94',
  'brand-3': '#d5e299',
  'brand-4': '#dfdcbd',
  'brand-5': '#e7d5c3',
}

RGB Array

[209, 198, 184], [171, 239, 148], [213, 226, 153], [223, 220, 189], [231, 213, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #D1C6B8, #ABEF94, #D5E299, #DFDCBD, #E7D5C3 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: #d1c6b8; --color-2: #abef94; --color-3: #d5e299; --color-4: #dfdcbd; --color-5: #e7d5c3. 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