#D4DBC8 + #DBD880 + #F9AE74 + #CD6B97 + #557780 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#D4DBC8

Willow Green · LightGray · Mint Green

HEX

#D4DBC8

RGB

rgb(212, 219, 200)

HSL

hsl(82, 21%, 82%)

HSB

hsb(82, 9%, 86%)

CMYK

cmyk(3%, 0%, 9%, 14%)

Oklch

oklch(88.1% 0.027 123.5)

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

#DBD880

Fresh Green · Khaki · Sunflower

HEX

#DBD880

RGB

rgb(219, 216, 128)

HSL

hsl(58, 56%, 68%)

HSB

hsb(58, 42%, 86%)

CMYK

cmyk(0%, 1%, 42%, 14%)

Oklch

oklch(86.5% 0.110 106.8)

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

#F9AE74

Apricot · LightSalmon · Warm Sun

HEX

#F9AE74

RGB

rgb(249, 174, 116)

HSL

hsl(26, 92%, 72%)

HSB

hsb(26, 53%, 98%)

CMYK

cmyk(0%, 30%, 53%, 2%)

Oklch

oklch(81.0% 0.115 57.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CD6B97

Rouge · LightCoral · Rose Pink

HEX

#CD6B97

RGB

rgb(205, 107, 151)

HSL

hsl(333, 49%, 61%)

HSB

hsb(333, 48%, 80%)

CMYK

cmyk(0%, 48%, 26%, 20%)

Oklch

oklch(65.3% 0.133 353.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#557780

Slate Blue · SlateGray · Mint Ice

HEX

#557780

RGB

rgb(85, 119, 128)

HSL

hsl(193, 20%, 42%)

HSB

hsb(193, 34%, 50%)

CMYK

cmyk(34%, 7%, 0%, 50%)

Oklch

oklch(54.7% 0.041 215.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4DBC8

CFC7DB

Analogous

DBD8C7

D4DBC8

CADBC7

Triadic

D4DBC8

C7D4DB

DBC7D4

Split-Comp.

D4DBC8

C7CADB

D8C7DB

Tetradic

D4DBC8

C7DBD8

CFC7DB

DBC7CA

Contrast Matrix WCAG 2.1 Contrast

D4DBC8	DBD880	F9AE74	CD6B97	557780
—	1.0 Fail	1.3 Fail	2.4 Fail	3.4 AA Large
1.0 Fail	—	1.2 Fail	2.3 Fail	3.3 AA Large
1.3 Fail	1.2 Fail	—	1.8 Fail	2.6 Fail
2.4 Fail	2.3 Fail	1.8 Fail	—	1.4 Fail
3.4 AA Large	3.3 AA Large	2.6 Fail	1.4 Fail	—

White BG

1.4Fail

1.5Fail

1.9Fail

3.4AA Large

4.8AA

Black BG

14.8AAA

14.1AAA

11.3AAA

6.1AA

4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7CD

DADA95

D9D882

A3A28C

64647E

Deuteranopia

D7D6CE

DADA9A

DDE285

A8B08A

625F7D

Tritanopia

D4D0D1

DBA6AA

F58D90

C88482

577C7C

Achromatopsia

D7D7D7

CFCFCF

BEBEBE

8D8D8D

6E6E6E

Shades & Tints Shades & Tints

#D4DBC8

Dark

Light

#DBD880

Dark

Light

#F9AE74

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4dbc8;
  --color-2: #dbd880;
  --color-3: #f9ae74;
  --color-4: #cd6b97;
  --color-5: #557780;
}

SCSS

$color-1: #d4dbc8;
$color-2: #dbd880;
$color-3: #f9ae74;
$color-4: #cd6b97;
$color-5: #557780;

TAILWIND

colors: {
  'brand-1': '#d4dbc8',
  'brand-2': '#dbd880',
  'brand-3': '#f9ae74',
  'brand-4': '#cd6b97',
  'brand-5': '#557780',
}

RGB Array

[212, 219, 200], [219, 216, 128], [249, 174, 116], [205, 107, 151], [85, 119, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #D4DBC8, #DBD880, #F9AE74, #CD6B97, #557780 is ideal for: corporate websites, product showcases, portfolios. 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: #d4dbc8; --color-2: #dbd880; --color-3: #f9ae74; --color-4: #cd6b97; --color-5: #557780. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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