← Back to Editor

#EBD7BF · #EBC79B · #DE9D7F · #B68D5F · #B7AC5C

neon

A 5-color neon palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#EBD7BF

Goose Yellow · Wheat · Peach Orange

HEX
#EBD7BF
RGB
rgb(235, 215, 191)
HSL
hsl(33, 52%, 84%)
HSB
hsb(33, 19%, 92%)
CMYK
cmyk(0%, 9%, 19%, 8%)
Oklch
oklch(88.9% 0.039 72.3)

TraditionalGoose Yellow」· PaintPeach Orange」· Creative Honey Glow

#EBC79B

Goose Yellow · BurlyWood · Peach Orange

HEX
#EBC79B
RGB
rgb(235, 199, 155)
HSL
hsl(33, 67%, 76%)
HSB
hsb(33, 34%, 92%)
CMYK
cmyk(0%, 15%, 34%, 8%)
Oklch
oklch(85.0% 0.071 72.2)

TraditionalGoose Yellow」· PaintPeach Orange」· Creative Honey Glow

#DE9D7F

Apricot · DarkSalmon · Warm Sun

HEX
#DE9D7F
RGB
rgb(222, 157, 127)
HSL
hsl(19, 59%, 68%)
HSB
hsb(19, 43%, 87%)
CMYK
cmyk(0%, 29%, 43%, 13%)
Oklch
oklch(75.2% 0.089 45.7)

TraditionalApricot」· PaintWarm Sun」· Creative Honey Glow

#B68D5F

Ginger · DarkSalmon · Warm Sun

HEX
#B68D5F
RGB
rgb(182, 141, 95)
HSL
hsl(32, 37%, 54%)
HSB
hsb(32, 48%, 71%)
CMYK
cmyk(0%, 23%, 48%, 29%)
Oklch
oklch(67.2% 0.080 69.0)

TraditionalGinger」· PaintWarm Sun」· Creative Blush Sunrise

#B7AC5C

Autumn Sage · Tan · Sunflower

HEX
#B7AC5C
RGB
rgb(183, 172, 92)
HSL
hsl(53, 39%, 54%)
HSB
hsb(53, 50%, 72%)
CMYK
cmyk(0%, 6%, 50%, 28%)
Oklch
oklch(73.7% 0.103 101.6)

TraditionalAutumn Sage」· PaintSunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBD7BF
C1D4EB

Analogous

EBC3C1
EBD7BF
E9EBC1

Triadic

EBD7BF
C1EBD8
D8C1EB

Split-Comp.

EBD7BF
C1E9EB
C3C1EB

Tetradic

EBD7BF
C1EBC3
C1D4EB
EBC1E9

Contrast Matrix WCAG 2.1 Contrast

EBD7BF
EBC79B
DE9D7F
B68D5F
B7AC5C
1.1
Fail
1.6
Fail
2.2
Fail
1.7
Fail
1.1
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.6
Fail
1.4
Fail
1.3
Fail
1.0
Fail
2.2
Fail
1.9
Fail
1.3
Fail
1.3
Fail
1.7
Fail
1.5
Fail
1.0
Fail
1.3
Fail
White BG
1.4Fail
1.6Fail
2.3Fail
3.0AA Large
2.3Fail
Black BG
15.0AAA
13.2AAA
9.2AAA
7.0AA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2C5
DBDBA6
C2C186
A4A46A
B2B26F

Deuteranopia

E4E5C6
DEE0A8
C6CA88
A7AA6D
B3B474

Tritanopia

EAC9CA
E9AEB0
DB8C8D
B47375
B67F82

Achromatopsia

DADADA
CDCDCD
ADADAD
949494
A6A6A6

Shades & Tints Shades & Tints

#EBD7BF

Dark
Light

#EBC79B

Dark
Light

#DE9D7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebd7bf;
  --color-2: #ebc79b;
  --color-3: #de9d7f;
  --color-4: #b68d5f;
  --color-5: #b7ac5c;
}

SCSS

$color-1: #ebd7bf;
$color-2: #ebc79b;
$color-3: #de9d7f;
$color-4: #b68d5f;
$color-5: #b7ac5c;

TAILWIND

colors: {
  'brand-1': '#ebd7bf',
  'brand-2': '#ebc79b',
  'brand-3': '#de9d7f',
  'brand-4': '#b68d5f',
  'brand-5': '#b7ac5c',
}

RGB Array

[235, 215, 191], [235, 199, 155], [222, 157, 127], [182, 141, 95], [183, 172, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #EBD7BF, #EBC79B, #DE9D7F, #B68D5F, #B7AC5C 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: #ebd7bf; --color-2: #ebc79b; --color-3: #de9d7f; --color-4: #b68d5f; --color-5: #b7ac5c. 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