#ED7961 + #DD9667 + #C6B46C + #84AE74 + #216976 · 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

#ED7961

Peach Pink · Salmon · Coral Red

HEX

#ED7961

RGB

rgb(237, 121, 97)

HSL

hsl(10, 80%, 65%)

HSB

hsb(10, 59%, 93%)

CMYK

cmyk(0%, 49%, 59%, 7%)

Oklch

oklch(70.4% 0.148 33.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DD9667

Apricot · DarkSalmon · Warm Sun

HEX

#DD9667

RGB

rgb(221, 150, 103)

HSL

hsl(24, 63%, 64%)

HSB

hsb(24, 53%, 87%)

CMYK

cmyk(0%, 32%, 53%, 13%)

Oklch

oklch(73.3% 0.106 53.8)

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

#C6B46C

Ginger · Tan · Sunflower

HEX

#C6B46C

RGB

rgb(198, 180, 108)

HSL

hsl(48, 44%, 60%)

HSB

hsb(48, 45%, 78%)

CMYK

cmyk(0%, 9%, 45%, 22%)

Oklch

oklch(76.9% 0.095 95.8)

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

#84AE74

Celadon · DarkSeaGreen · Olive Green

HEX

#84AE74

RGB

rgb(132, 174, 116)

HSL

hsl(103, 26%, 57%)

HSB

hsb(103, 33%, 68%)

CMYK

cmyk(24%, 0%, 33%, 32%)

Oklch

oklch(70.5% 0.093 137.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#216976

Lake Blue · Teal · Mint Ice

HEX

#216976

RGB

rgb(33, 105, 118)

HSL

hsl(189, 56%, 30%)

HSB

hsb(189, 72%, 46%)

CMYK

cmyk(72%, 11%, 0%, 54%)

Oklch

oklch(48.3% 0.072 212.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED7961

5ED5ED

Analogous

ED5E8E

ED7961

EDBE5E

Triadic

ED7961

5EED76

765EED

Split-Comp.

ED7961

5EEDBE

5E8EED

Tetradic

ED7961

8EED5E

5ED5ED

BE5EED

Contrast Matrix WCAG 2.1 Contrast

ED7961	DD9667	C6B46C	84AE74	216976
—	1.1 Fail	1.4 Fail	1.1 Fail	2.2 Fail
1.1 Fail	—	1.2 Fail	1.0 Fail	2.6 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	3.0 AA Large
1.1 Fail	1.0 Fail	1.2 Fail	—	2.5 Fail
2.2 Fail	2.6 Fail	3.0 AA Large	2.5 Fail	—

White BG

2.8Fail

2.4Fail

2.1Fail

2.5Fail

6.3AA

Black BG

7.5AAA

8.6AAA

10.1AAA

8.3AAA

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA67

BEBE72

BEBE7D

969782

404173

Deuteranopia

C2CA68

C2C875

BFC182

949185

3C3772

Tritanopia

E76B6C

D97B7D

C58B8E

868D90

257070

Achromatopsia

999999

A6A6A6

B1B1B1

9B9B9B

555555

Shades & Tints Shades & Tints

#ED7961

Dark

Light

#DD9667

Dark

Light

#C6B46C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed7961;
  --color-2: #dd9667;
  --color-3: #c6b46c;
  --color-4: #84ae74;
  --color-5: #216976;
}

SCSS

$color-1: #ed7961;
$color-2: #dd9667;
$color-3: #c6b46c;
$color-4: #84ae74;
$color-5: #216976;

TAILWIND

colors: {
  'brand-1': '#ed7961',
  'brand-2': '#dd9667',
  'brand-3': '#c6b46c',
  'brand-4': '#84ae74',
  'brand-5': '#216976',
}

RGB Array

[237, 121, 97], [221, 150, 103], [198, 180, 108], [132, 174, 116], [33, 105, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #ED7961, #DD9667, #C6B46C, #84AE74, #216976 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: #ed7961; --color-2: #dd9667; --color-3: #c6b46c; --color-4: #84ae74; --color-5: #216976. 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