← Back to Editor

#EDE1AD · #91CFB5 · #E67010 · #8F0162 · #54023A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EDE1AD

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE1AD
RGB
rgb(237, 225, 173)
HSL
hsl(49, 64%, 80%)
HSB
hsb(49, 27%, 93%)
CMYK
cmyk(0%, 5%, 27%, 7%)
Oklch
oklch(90.7% 0.069 96.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#91CFB5

Jade · DarkSeaGreen · Apple Green

HEX
#91CFB5
RGB
rgb(145, 207, 181)
HSL
hsl(155, 39%, 69%)
HSB
hsb(155, 30%, 81%)
CMYK
cmyk(30%, 0%, 13%, 19%)
Oklch
oklch(80.5% 0.074 166.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#E67010

Tangerine · Chocolate · Amber Brown

HEX
#E67010
RGB
rgb(230, 112, 16)
HSL
hsl(27, 87%, 48%)
HSB
hsb(27, 93%, 90%)
CMYK
cmyk(0%, 51%, 93%, 10%)
Oklch
oklch(67.3% 0.172 50.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#8F0162

Rose Purple · Purple · Eggplant

HEX
#8F0162
RGB
rgb(143, 1, 98)
HSL
hsl(319, 99%, 28%)
HSB
hsb(319, 99%, 56%)
CMYK
cmyk(0%, 99%, 31%, 44%)
Oklch
oklch(43.1% 0.181 347.5)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#54023A

Rose Purple · Maroon · Dark Purple

HEX
#54023A
RGB
rgb(84, 2, 58)
HSL
hsl(319, 95%, 17%)
HSB
hsb(319, 98%, 33%)
CMYK
cmyk(0%, 98%, 31%, 67%)
Oklch
oklch(29.8% 0.124 346.0)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE1AD
ABB7ED

Analogous

EDC0AB
EDE1AD
D8EDAB

Triadic

EDE1AD
ABEDE1
E1ABED

Split-Comp.

EDE1AD
ABD8ED
C0ABED

Tetradic

EDE1AD
ABEDC0
ABB7ED
EDABD8

Contrast Matrix WCAG 2.1 Contrast

EDE1AD
91CFB5
E67010
8F0162
54023A
—
1.4
Fail
2.4
Fail
6.8
AA
11.0
AAA
1.4
Fail
—
1.8
Fail
5.0
AA
8.2
AAA
2.4
Fail
1.8
Fail
—
2.8
Fail
4.6
AA
6.8
AA
5.0
AA
2.8
Fail
—
1.6
Fail
11.0
AAA
8.2
AAA
4.6
AA
1.6
Fail
—
White BG
1.3Fail
1.8Fail
3.1AA Large
8.9AAA
14.5AAA
Black BG
16.0AAA
11.8AAA
6.7AA
2.3Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8BA
ACACBB
B3B227
52504B
30302C

Deuteranopia

E9E9BD
A8A4BD
BAC32D
5A6445
353B29

Tritanopia

ECC4C6
94C0C1
E03A3E
883834
50221F

Achromatopsia

DFDFDF
B9B9B9
888888
373737
212121

Shades & Tints Shades & Tints

#EDE1AD

Dark
Light

#91CFB5

Dark
Light

#E67010

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede1ad;
  --color-2: #91cfb5;
  --color-3: #e67010;
  --color-4: #8f0162;
  --color-5: #54023a;
}

SCSS

$color-1: #ede1ad;
$color-2: #91cfb5;
$color-3: #e67010;
$color-4: #8f0162;
$color-5: #54023a;

TAILWIND

colors: {
  'brand-1': '#ede1ad',
  'brand-2': '#91cfb5',
  'brand-3': '#e67010',
  'brand-4': '#8f0162',
  'brand-5': '#54023a',
}

RGB Array

[237, 225, 173], [145, 207, 181], [230, 112, 16], [143, 1, 98], [84, 2, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE1AD, #91CFB5, #E67010, #8F0162, #54023A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ede1ad; --color-2: #91cfb5; --color-3: #e67010; --color-4: #8f0162; --color-5: #54023a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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