← Back to Editor

#EFE9DA · #EEDAB0 · #F66275 · #76485E · #1A1839

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EFE9DA

Goose Yellow · Beige · Lemon Cream

HEX
#EFE9DA
RGB
rgb(239, 233, 218)
HSL
hsl(43, 40%, 90%)
HSB
hsb(43, 9%, 94%)
CMYK
cmyk(0%, 3%, 9%, 6%)
Oklch
oklch(93.5% 0.021 88.7)

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

#EEDAB0

Goose Yellow · Wheat · Lemon Cream

HEX
#EEDAB0
RGB
rgb(238, 218, 176)
HSL
hsl(41, 65%, 81%)
HSB
hsb(41, 26%, 93%)
CMYK
cmyk(0%, 8%, 26%, 7%)
Oklch
oklch(89.4% 0.059 85.5)

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

#F66275

Peach Pink · Salmon · Coral Red

HEX
#F66275
RGB
rgb(246, 98, 117)
HSL
hsl(352, 89%, 67%)
HSB
hsb(352, 60%, 96%)
CMYK
cmyk(0%, 60%, 52%, 4%)
Oklch
oklch(68.9% 0.181 15.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#76485E

Dark Violet · DimGray · Camellia

HEX
#76485E
RGB
rgb(118, 72, 94)
HSL
hsl(331, 24%, 37%)
HSB
hsb(331, 39%, 46%)
CMYK
cmyk(0%, 39%, 20%, 54%)
Oklch
oklch(46.2% 0.070 350.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#1A1839

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1A1839
RGB
rgb(26, 24, 57)
HSL
hsl(244, 41%, 16%)
HSB
hsb(244, 58%, 22%)
CMYK
cmyk(54%, 58%, 0%, 78%)
Oklch
oklch(23.2% 0.062 283.2)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE9DA
DBE1F0

Analogous

F0E0DB
EFE9DA
EBF0DB

Triadic

EFE9DA
DBF0EA
EADBF0

Split-Comp.

EFE9DA
DBEBF0
E0DBF0

Tetradic

EFE9DA
DBF0E0
DBE1F0
F0DBEB

Contrast Matrix WCAG 2.1 Contrast

EFE9DA
EEDAB0
F66275
76485E
1A1839
—
1.1
Fail
2.5
Fail
6.1
AA
14.1
AAA
1.1
Fail
—
2.2
Fail
5.3
AA
12.4
AAA
2.5
Fail
2.2
Fail
—
2.4
Fail
5.6
AA
6.1
AA
5.3
AA
2.4
Fail
—
2.3
Fail
14.1
AAA
12.4
AAA
5.6
AA
2.3
Fail
—
White BG
1.2Fail
1.4Fail
3.0AA Large
7.3AAA
17.0AAA
Black BG
17.3AAA
15.3AAA
6.9AA
2.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECDE
E5E5BA
B6B570
626259
191931

Deuteranopia

EDEDDF
E7E8BD
BFCA6F
656857
19192F

Tritanopia

EFE0E1
EDC2C4
EF6D6C
745454
1A2B29

Achromatopsia

E9E9E9
DBDBDB
909090
585858
1C1C1C

Shades & Tints Shades & Tints

#EFE9DA

Dark
Light

#EEDAB0

Dark
Light

#F66275

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe9da;
  --color-2: #eedab0;
  --color-3: #f66275;
  --color-4: #76485e;
  --color-5: #1a1839;
}

SCSS

$color-1: #efe9da;
$color-2: #eedab0;
$color-3: #f66275;
$color-4: #76485e;
$color-5: #1a1839;

TAILWIND

colors: {
  'brand-1': '#efe9da',
  'brand-2': '#eedab0',
  'brand-3': '#f66275',
  'brand-4': '#76485e',
  'brand-5': '#1a1839',
}

RGB Array

[239, 233, 218], [238, 218, 176], [246, 98, 117], [118, 72, 94], [26, 24, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFE9DA, #EEDAB0, #F66275, #76485E, #1A1839 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #efe9da; --color-2: #eedab0; --color-3: #f66275; --color-4: #76485e; --color-5: #1a1839. 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 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