← Back to Editor

#DE9A12 · #E6DFA5 · #CCC481 · #61553E · #99A845

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

#DE9A12

Ochre · GoldenRod · Honey Gold

HEX
#DE9A12
RGB
rgb(222, 154, 18)
HSL
hsl(40, 85%, 47%)
HSB
hsb(40, 92%, 87%)
CMYK
cmyk(0%, 31%, 92%, 13%)
Oklch
oklch(73.4% 0.151 76.4)

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

#E6DFA5

Fresh Green · Wheat · Lemon Cream

HEX
#E6DFA5
RGB
rgb(230, 223, 165)
HSL
hsl(54, 57%, 77%)
HSB
hsb(54, 28%, 90%)
CMYK
cmyk(0%, 3%, 28%, 10%)
Oklch
oklch(89.5% 0.075 102.0)

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

#CCC481

Fresh Green · Tan · Sunflower

HEX
#CCC481
RGB
rgb(204, 196, 129)
HSL
hsl(54, 42%, 65%)
HSB
hsb(54, 37%, 80%)
CMYK
cmyk(0%, 4%, 37%, 20%)
Oklch
oklch(81.1% 0.087 102.3)

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

#61553E

Ochre · DarkOliveGreen · Amber Brown

HEX
#61553E
RGB
rgb(97, 85, 62)
HSL
hsl(39, 22%, 31%)
HSB
hsb(39, 36%, 38%)
CMYK
cmyk(0%, 12%, 36%, 62%)
Oklch
oklch(45.5% 0.038 83.4)

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

#99A845

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#99A845
RGB
rgb(153, 168, 69)
HSL
hsl(69, 42%, 46%)
HSB
hsb(69, 59%, 66%)
CMYK
cmyk(9%, 0%, 59%, 34%)
Oklch
oklch(69.9% 0.125 117.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE9A12
1256DE

Analogous

DE3412
DE9A12
BCDE12

Triadic

DE9A12
12DE9A
9A12DE

Split-Comp.

DE9A12
12BCDE
3412DE

Tetradic

DE9A12
12DE34
1256DE
DE12BC

Contrast Matrix WCAG 2.1 Contrast

DE9A12
E6DFA5
CCC481
61553E
99A845
—
1.8
Fail
1.3
Fail
3.0
AA Large
1.1
Fail
1.8
Fail
—
1.3
Fail
5.4
AA
1.9
Fail
1.3
Fail
1.3
Fail
—
4.1
AA Large
1.5
Fail
3.0
AA Large
5.4
AA
4.1
AA Large
—
2.8
Fail
1.1
Fail
1.9
Fail
1.5
Fail
2.8
Fail
—
White BG
2.4Fail
1.4Fail
1.8Fail
7.3AAA
2.6Fail
Black BG
8.7AAA
15.5AAA
11.8AAA
2.9Fail
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C033
E3E3B3
C9C891
5C5C44
9FA05D

Deuteranopia

C5CA3B
E3E4B6
C9CA95
5D5D45
9F9E63

Tritanopia

DB4D53
E6BEC1
CC9EA1
604849
9A7074

Achromatopsia

9F9F9F
DADADA
BFBFBF
565656
989898

Shades & Tints Shades & Tints

#DE9A12

Dark
Light

#E6DFA5

Dark
Light

#CCC481

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de9a12;
  --color-2: #e6dfa5;
  --color-3: #ccc481;
  --color-4: #61553e;
  --color-5: #99a845;
}

SCSS

$color-1: #de9a12;
$color-2: #e6dfa5;
$color-3: #ccc481;
$color-4: #61553e;
$color-5: #99a845;

TAILWIND

colors: {
  'brand-1': '#de9a12',
  'brand-2': '#e6dfa5',
  'brand-3': '#ccc481',
  'brand-4': '#61553e',
  'brand-5': '#99a845',
}

RGB Array

[222, 154, 18], [230, 223, 165], [204, 196, 129], [97, 85, 62], [153, 168, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #DE9A12, #E6DFA5, #CCC481, #61553E, #99A845 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: #de9a12; --color-2: #e6dfa5; --color-3: #ccc481; --color-4: #61553e; --color-5: #99a845. 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