← Back to Editor

#E9E4BB · #8BB5A0 · #A89907 · #E54D33 · #262623

warm

A 5-color warm 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

#E9E4BB

Fresh Green · Wheat · Lemon Cream

HEX
#E9E4BB
RGB
rgb(233, 228, 187)
HSL
hsl(53, 51%, 82%)
HSB
hsb(53, 20%, 91%)
CMYK
cmyk(0%, 2%, 20%, 9%)
Oklch
oklch(91.2% 0.054 101.6)

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

#8BB5A0

Jade · DarkSeaGreen · Apple Green

HEX
#8BB5A0
RGB
rgb(139, 181, 160)
HSL
hsl(150, 22%, 63%)
HSB
hsb(150, 23%, 71%)
CMYK
cmyk(23%, 0%, 12%, 29%)
Oklch
oklch(73.7% 0.054 163.0)

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

#A89907

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A89907
RGB
rgb(168, 153, 7)
HSL
hsl(54, 92%, 34%)
HSB
hsb(54, 96%, 66%)
CMYK
cmyk(0%, 9%, 96%, 34%)
Oklch
oklch(67.5% 0.140 102.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E54D33

Vermilion · Tomato · Passion Red

HEX
#E54D33
RGB
rgb(229, 77, 51)
HSL
hsl(9, 77%, 55%)
HSB
hsb(9, 78%, 90%)
CMYK
cmyk(0%, 66%, 78%, 10%)
Oklch
oklch(62.8% 0.193 32.2)

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

#262623

Ink Black · DarkSlateGray · Dark Stone

HEX
#262623
RGB
rgb(38, 38, 35)
HSL
hsl(60, 4%, 14%)
HSB
hsb(60, 8%, 15%)
CMYK
cmyk(0%, 0%, 8%, 85%)
Oklch
oklch(26.8% 0.005 106.8)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9E4BB
BABFE9

Analogous

E9CCBA
E9E4BB
D7E9BA

Triadic

E9E4BB
BAE9E3
E3BAE9

Split-Comp.

E9E4BB
BAD7E9
CCBAE9

Tetradic

E9E4BB
BAE9CC
BABFE9
E9BAD7

Contrast Matrix WCAG 2.1 Contrast

E9E4BB
8BB5A0
A89907
E54D33
262623
—
1.8
Fail
2.3
Fail
3.0
Fail
11.8
AAA
1.8
Fail
—
1.3
Fail
1.7
Fail
6.7
AA
2.3
Fail
1.3
Fail
—
1.3
Fail
5.2
AA
3.0
Fail
1.7
Fail
1.3
Fail
—
3.9
AA Large
11.8
AAA
6.7
AA
5.2
AA
3.9
AA Large
—
White BG
1.3Fail
2.3Fail
2.9Fail
3.9AA Large
15.2AAA
Black BG
16.3AAA
9.2AAA
7.2AAA
5.4AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7C5
9D9EA5
A2A12A
A3A239
262624

Deuteranopia

E7E8C7
9B98A6
A2A433
ACB73B
262624

Tritanopia

E9CDCE
8DA9AA
A7464C
DD3E3F
262424

Achromatopsia

E1E1E1
A6A6A6
8D8D8D
777777
262626

Shades & Tints Shades & Tints

#E9E4BB

Dark
Light

#8BB5A0

Dark
Light

#A89907

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9e4bb;
  --color-2: #8bb5a0;
  --color-3: #a89907;
  --color-4: #e54d33;
  --color-5: #262623;
}

SCSS

$color-1: #e9e4bb;
$color-2: #8bb5a0;
$color-3: #a89907;
$color-4: #e54d33;
$color-5: #262623;

TAILWIND

colors: {
  'brand-1': '#e9e4bb',
  'brand-2': '#8bb5a0',
  'brand-3': '#a89907',
  'brand-4': '#e54d33',
  'brand-5': '#262623',
}

RGB Array

[233, 228, 187], [139, 181, 160], [168, 153, 7], [229, 77, 51], [38, 38, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E9E4BB, #8BB5A0, #A89907, #E54D33, #262623 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: #e9e4bb; --color-2: #8bb5a0; --color-3: #a89907; --color-4: #e54d33; --color-5: #262623. 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 warm-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