← Back to Editor

#EBB001 · #C9A331 · #96948D · #E3B201 · #DBDAD2

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 Library

Color Details Color Details

#EBB001

Ochre · Orange · Honey Gold

HEX
#EBB001
RGB
rgb(235, 176, 1)
HSL
hsl(45, 99%, 46%)
HSB
hsb(45, 100%, 92%)
CMYK
cmyk(0%, 25%, 100%, 8%)
Oklch
oklch(79.0% 0.162 84.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#C9A331

Ochre · GoldenRod · Honey Gold

HEX
#C9A331
RGB
rgb(201, 163, 49)
HSL
hsl(45, 61%, 49%)
HSB
hsb(45, 76%, 79%)
CMYK
cmyk(0%, 19%, 76%, 21%)
Oklch
oklch(73.1% 0.133 89.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#96948D

Ash · Gray · Silver Sand

HEX
#96948D
RGB
rgb(150, 148, 141)
HSL
hsl(47, 4%, 57%)
HSB
hsb(47, 6%, 59%)
CMYK
cmyk(0%, 1%, 6%, 41%)
Oklch
oklch(66.6% 0.010 93.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#E3B201

Ochre · Orange · Honey Gold

HEX
#E3B201
RGB
rgb(227, 178, 1)
HSL
hsl(47, 99%, 45%)
HSB
hsb(47, 100%, 89%)
CMYK
cmyk(0%, 22%, 100%, 11%)
Oklch
oklch(78.6% 0.160 88.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#DBDAD2

Fresh Green · LightGray · Lemon Cream

HEX
#DBDAD2
RGB
rgb(219, 218, 210)
HSL
hsl(53, 11%, 84%)
HSB
hsb(53, 4%, 86%)
CMYK
cmyk(0%, 0%, 4%, 14%)
Oklch
oklch(88.7% 0.011 100.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBB001
013BE9

Analogous

E93B01
EBB001
AFE901

Triadic

EBB001
01E9AF
AF01E9

Split-Comp.

EBB001
01AFE9
3B01E9

Tetradic

EBB001
01E93B
013BE9
E901AF

Contrast Matrix WCAG 2.1 Contrast

EBB001
C9A331
96948D
E3B201
DBDAD2
—
1.2
Fail
1.6
Fail
1.0
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.2
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
1.5
Fail
2.2
Fail
1.0
Fail
1.2
Fail
1.5
Fail
—
1.4
Fail
1.4
Fail
1.7
Fail
2.2
Fail
1.4
Fail
—
White BG
2.0Fail
2.4Fail
3.0AA Large
2.0Fail
1.4Fail
Black BG
10.7AAA
8.8AAA
6.9AA
10.6AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D12B
B9B84D
95958F
CECD2C
DBDBD4

Deuteranopia

D5D936
BBBE53
95958F
D1D436
DBDBD4

Tritanopia

E84D54
C76267
969090
E14E55
DBD5D6

Achromatopsia

AEAEAE
A1A1A1
949494
ACACAC
D9D9D9

Shades & Tints Shades & Tints

#EBB001

Dark
Light

#C9A331

Dark
Light

#96948D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebb001;
  --color-2: #c9a331;
  --color-3: #96948d;
  --color-4: #e3b201;
  --color-5: #dbdad2;
}

SCSS

$color-1: #ebb001;
$color-2: #c9a331;
$color-3: #96948d;
$color-4: #e3b201;
$color-5: #dbdad2;

TAILWIND

colors: {
  'brand-1': '#ebb001',
  'brand-2': '#c9a331',
  'brand-3': '#96948d',
  'brand-4': '#e3b201',
  'brand-5': '#dbdad2',
}

RGB Array

[235, 176, 1], [201, 163, 49], [150, 148, 141], [227, 178, 1], [219, 218, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #EBB001, #C9A331, #96948D, #E3B201, #DBDAD2 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: #ebb001; --color-2: #c9a331; --color-3: #96948d; --color-4: #e3b201; --color-5: #dbdad2. 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 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