← Back to Editor

#CED4B7 · #A0BAA5 · #A69E82 · #B58663 · #BD614E

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

#CED4B7

Willow Green · Silver · Apple Green

HEX
#CED4B7
RGB
rgb(206, 212, 183)
HSL
hsl(72, 25%, 77%)
HSB
hsb(72, 14%, 83%)
CMYK
cmyk(3%, 0%, 14%, 17%)
Oklch
oklch(85.8% 0.040 116.7)

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

#A0BAA5

Celadon · DarkGray · Apple Green

HEX
#A0BAA5
RGB
rgb(160, 186, 165)
HSL
hsl(132, 16%, 68%)
HSB
hsb(132, 14%, 73%)
CMYK
cmyk(14%, 0%, 11%, 27%)
Oklch
oklch(76.3% 0.041 150.9)

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

#A69E82

Ginger · DarkSeaGreen · Sunflower

HEX
#A69E82
RGB
rgb(166, 158, 130)
HSL
hsl(47, 17%, 58%)
HSB
hsb(47, 22%, 65%)
CMYK
cmyk(0%, 5%, 22%, 35%)
Oklch
oklch(69.9% 0.040 93.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B58663

Tangerine · DarkSalmon · Warm Sun

HEX
#B58663
RGB
rgb(181, 134, 99)
HSL
hsl(26, 36%, 55%)
HSB
hsb(26, 45%, 71%)
CMYK
cmyk(0%, 26%, 45%, 29%)
Oklch
oklch(65.8% 0.076 57.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#BD614E

Crimson · Sienna · Passion Red

HEX
#BD614E
RGB
rgb(189, 97, 78)
HSL
hsl(10, 46%, 52%)
HSB
hsb(10, 59%, 74%)
CMYK
cmyk(0%, 49%, 59%, 26%)
Oklch
oklch(59.7% 0.123 32.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CED4B7
BCB6D3

Analogous

D3CAB6
CED4B7
BED3B6

Triadic

CED4B7
B6CDD3
D3B6CD

Split-Comp.

CED4B7
B6BED3
CAB6D3

Tetradic

CED4B7
B6D3CA
BCB6D3
D3B6BE

Contrast Matrix WCAG 2.1 Contrast

CED4B7
A0BAA5
A69E82
B58663
BD614E
—
1.4
Fail
1.8
Fail
2.1
Fail
2.8
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
2.0
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
2.1
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
2.8
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
1.5Fail
2.1Fail
2.7Fail
3.2AA Large
4.2AA Large
Black BG
13.7AAA
10.1AAA
7.8AAA
6.6AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1BE
ABABAA
A3A289
A1A06B
959453

Deuteranopia

D0D0C0
AAA8AB
A3A48A
A3A76E
9BA154

Tritanopia

CEC4C5
A1AEAF
A68E8F
B37274
B85657

Achromatopsia

CFCFCF
B0B0B0
9D9D9D
909090
7A7A7A

Shades & Tints Shades & Tints

#CED4B7

Dark
Light

#A0BAA5

Dark
Light

#A69E82

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ced4b7;
  --color-2: #a0baa5;
  --color-3: #a69e82;
  --color-4: #b58663;
  --color-5: #bd614e;
}

SCSS

$color-1: #ced4b7;
$color-2: #a0baa5;
$color-3: #a69e82;
$color-4: #b58663;
$color-5: #bd614e;

TAILWIND

colors: {
  'brand-1': '#ced4b7',
  'brand-2': '#a0baa5',
  'brand-3': '#a69e82',
  'brand-4': '#b58663',
  'brand-5': '#bd614e',
}

RGB Array

[206, 212, 183], [160, 186, 165], [166, 158, 130], [181, 134, 99], [189, 97, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #CED4B7, #A0BAA5, #A69E82, #B58663, #BD614E is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ced4b7; --color-2: #a0baa5; --color-3: #a69e82; --color-4: #b58663; --color-5: #bd614e. 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. Restrained colors convey professionalism and trust. 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