← Back to Editor

#EDA16D · #DDA071 · #E58B70 · #B25C5D · #9F3C50

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EDA16D

Apricot · SandyBrown · Warm Sun

HEX
#EDA16D
RGB
rgb(237, 161, 109)
HSL
hsl(24, 78%, 68%)
HSB
hsb(24, 54%, 93%)
CMYK
cmyk(0%, 32%, 54%, 7%)
Oklch
oklch(77.3% 0.113 54.6)

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

#DDA071

Apricot · DarkSalmon · Warm Sun

HEX
#DDA071
RGB
rgb(221, 160, 113)
HSL
hsl(26, 61%, 65%)
HSB
hsb(26, 49%, 87%)
CMYK
cmyk(0%, 28%, 49%, 13%)
Oklch
oklch(75.4% 0.096 58.3)

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

#E58B70

Peach Pink · DarkSalmon · Coral Red

HEX
#E58B70
RGB
rgb(229, 139, 112)
HSL
hsl(14, 69%, 67%)
HSB
hsb(14, 51%, 90%)
CMYK
cmyk(0%, 39%, 51%, 10%)
Oklch
oklch(72.5% 0.117 37.5)

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

#B25C5D

Crimson · Sienna · Passion Red

HEX
#B25C5D
RGB
rgb(178, 92, 93)
HSL
hsl(359, 36%, 53%)
HSB
hsb(359, 48%, 70%)
CMYK
cmyk(0%, 48%, 48%, 30%)
Oklch
oklch(57.7% 0.112 20.4)

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

#9F3C50

Crimson · Sienna · Passion Red

HEX
#9F3C50
RGB
rgb(159, 60, 80)
HSL
hsl(348, 45%, 43%)
HSB
hsb(348, 62%, 62%)
CMYK
cmyk(0%, 62%, 50%, 38%)
Oklch
oklch(49.9% 0.132 11.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDA16D
6EBAED

Analogous

ED6E7A
EDA16D
EDE06E

Triadic

EDA16D
6EEDA1
A16EED

Split-Comp.

EDA16D
6EEDE0
6E7AED

Tetradic

EDA16D
7AED6E
6EBAED
E06EED

Contrast Matrix WCAG 2.1 Contrast

EDA16D
DDA071
E58B70
B25C5D
9F3C50
—
1.1
Fail
1.2
Fail
2.2
Fail
3.1
AA Large
1.1
Fail
—
1.1
Fail
2.0
Fail
2.9
Fail
1.2
Fail
1.1
Fail
—
1.8
Fail
2.6
Fail
2.2
Fail
2.0
Fail
1.8
Fail
—
1.4
Fail
3.1
AA Large
2.9
Fail
2.6
Fail
1.4
Fail
—
White BG
2.1Fail
2.2Fail
2.5Fail
4.6AA
6.5AA
Black BG
9.9AAA
9.3AAA
8.3AAA
4.6AA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB7A
C3C27C
BEBD77
8D8C5D
74734B

Deuteranopia

D1D67D
C6CB7F
C3CA78
92985D
7A814A

Tritanopia

E98486
DA8587
E07C7D
AE5D5D
9A4747

Achromatopsia

B2B2B2
ADADAD
A3A3A3
767676
5C5C5C

Shades & Tints Shades & Tints

#EDA16D

Dark
Light

#DDA071

Dark
Light

#E58B70

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eda16d;
  --color-2: #dda071;
  --color-3: #e58b70;
  --color-4: #b25c5d;
  --color-5: #9f3c50;
}

SCSS

$color-1: #eda16d;
$color-2: #dda071;
$color-3: #e58b70;
$color-4: #b25c5d;
$color-5: #9f3c50;

TAILWIND

colors: {
  'brand-1': '#eda16d',
  'brand-2': '#dda071',
  'brand-3': '#e58b70',
  'brand-4': '#b25c5d',
  'brand-5': '#9f3c50',
}

RGB Array

[237, 161, 109], [221, 160, 113], [229, 139, 112], [178, 92, 93], [159, 60, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDA16D, #DDA071, #E58B70, #B25C5D, #9F3C50 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: #eda16d; --color-2: #dda071; --color-3: #e58b70; --color-4: #b25c5d; --color-5: #9f3c50. 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 general-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