← Back to Editor

#EEEA9F · #CCB38B · #9B8074 · #FF3C51 · #75284D

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 LibraryData Visualization

Color Details Color Details

#EEEA9F

Fresh Green · Khaki · Lemon Cream

HEX
#EEEA9F
RGB
rgb(238, 234, 159)
HSL
hsl(57, 70%, 78%)
HSB
hsb(57, 33%, 93%)
CMYK
cmyk(0%, 2%, 33%, 7%)
Oklch
oklch(92.3% 0.095 105.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#CCB38B

Ginger · Tan · Warm Sun

HEX
#CCB38B
RGB
rgb(204, 179, 139)
HSL
hsl(37, 39%, 67%)
HSB
hsb(37, 32%, 80%)
CMYK
cmyk(0%, 12%, 32%, 20%)
Oklch
oklch(77.8% 0.061 79.3)

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

#9B8074

Tangerine · Gray · Warm Sun

HEX
#9B8074
RGB
rgb(155, 128, 116)
HSL
hsl(18, 16%, 53%)
HSB
hsb(18, 25%, 61%)
CMYK
cmyk(0%, 17%, 25%, 39%)
Oklch
oklch(62.2% 0.038 45.3)

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

#FF3C51

Peach Pink · Tomato · Coral Red

HEX
#FF3C51
RGB
rgb(255, 60, 81)
HSL
hsl(354, 100%, 62%)
HSB
hsb(354, 76%, 100%)
CMYK
cmyk(0%, 76%, 68%, 0%)
Oklch
oklch(65.9% 0.228 20.9)

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

#75284D

Dark Violet · Brown · Camellia

HEX
#75284D
RGB
rgb(117, 40, 77)
HSL
hsl(331, 49%, 31%)
HSB
hsb(331, 66%, 46%)
CMYK
cmyk(0%, 66%, 34%, 54%)
Oklch
oklch(40.3% 0.115 353.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEEA9F
A0A4EE

Analogous

EEC3A0
EEEA9F
CBEEA0

Triadic

EEEA9F
A0EEEA
EAA0EE

Split-Comp.

EEEA9F
A0CBEE
C3A0EE

Tetradic

EEEA9F
A0EEC3
A0A4EE
EEA0CB

Contrast Matrix WCAG 2.1 Contrast

EEEA9F
CCB38B
9B8074
FF3C51
75284D
—
1.6
Fail
2.9
Fail
2.8
Fail
7.8
AAA
1.6
Fail
—
1.8
Fail
1.7
Fail
4.8
AA
2.9
Fail
1.8
Fail
—
1.0
Fail
2.6
Fail
2.8
Fail
1.7
Fail
1.0
Fail
—
2.8
Fail
7.8
AAA
4.8
AA
2.6
Fail
2.8
Fail
—
White BG
1.2Fail
2.0Fail
3.7AA Large
3.5AA Large
9.7AAA
Black BG
16.9AAA
10.4AAA
5.7AA
6.0AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECB1
C1C195
8F8F77
ABA94C
545344

Deuteranopia

EDEDB6
C3C497
919378
B6C54B
585E42

Tritanopia

EEBFC3
CB9C9E
9A797A
F54847
713D3B

Achromatopsia

E3E3E3
B6B6B6
878787
797979
434343

Shades & Tints Shades & Tints

#EEEA9F

Dark
Light

#CCB38B

Dark
Light

#9B8074

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eeea9f;
  --color-2: #ccb38b;
  --color-3: #9b8074;
  --color-4: #ff3c51;
  --color-5: #75284d;
}

SCSS

$color-1: #eeea9f;
$color-2: #ccb38b;
$color-3: #9b8074;
$color-4: #ff3c51;
$color-5: #75284d;

TAILWIND

colors: {
  'brand-1': '#eeea9f',
  'brand-2': '#ccb38b',
  'brand-3': '#9b8074',
  'brand-4': '#ff3c51',
  'brand-5': '#75284d',
}

RGB Array

[238, 234, 159], [204, 179, 139], [155, 128, 116], [255, 60, 81], [117, 40, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEEA9F, #CCB38B, #9B8074, #FF3C51, #75284D 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: #eeea9f; --color-2: #ccb38b; --color-3: #9b8074; --color-4: #ff3c51; --color-5: #75284d. 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