← Back to Editor

#785542 · #EAD3AE · #E6B67B · #F3946A · #100C07

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

#785542

Tangerine · Sienna · Amber Brown

HEX
#785542
RGB
rgb(120, 85, 66)
HSL
hsl(21, 29%, 36%)
HSB
hsb(21, 45%, 47%)
CMYK
cmyk(0%, 29%, 45%, 53%)
Oklch
oklch(48.2% 0.055 49.5)

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

#EAD3AE

Goose Yellow · Wheat · Peach Orange

HEX
#EAD3AE
RGB
rgb(234, 211, 174)
HSL
hsl(37, 59%, 80%)
HSB
hsb(37, 26%, 92%)
CMYK
cmyk(0%, 10%, 26%, 8%)
Oklch
oklch(87.7% 0.055 79.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E6B67B

Ginger · BurlyWood · Warm Sun

HEX
#E6B67B
RGB
rgb(230, 182, 123)
HSL
hsl(33, 68%, 69%)
HSB
hsb(33, 47%, 90%)
CMYK
cmyk(0%, 21%, 47%, 10%)
Oklch
oklch(80.6% 0.094 71.6)

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

#F3946A

Apricot · SandyBrown · Warm Sun

HEX
#F3946A
RGB
rgb(243, 148, 106)
HSL
hsl(18, 85%, 68%)
HSB
hsb(18, 56%, 95%)
CMYK
cmyk(0%, 39%, 56%, 5%)
Oklch
oklch(75.6% 0.128 44.2)

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

#100C07

Ochre · Black · Cinnamon

HEX
#100C07
RGB
rgb(16, 12, 7)
HSL
hsl(33, 39%, 5%)
HSB
hsb(33, 56%, 6%)
CMYK
cmyk(0%, 25%, 56%, 94%)
Oklch
oklch(15.8% 0.013 74.5)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

785542
416476

Analogous

764149
785542
766E41

Triadic

785542
417654
544176

Split-Comp.

785542
41766E
414976

Tetradic

785542
497641
416476
6E4176

Contrast Matrix WCAG 2.1 Contrast

785542
EAD3AE
E6B67B
F3946A
100C07
—
4.5
AA
3.6
AA Large
2.9
Fail
2.9
Fail
4.5
AA
—
1.3
Fail
1.6
Fail
13.4
AAA
3.6
AA Large
1.3
Fail
—
1.2
Fail
10.5
AAA
2.9
Fail
1.6
Fail
1.2
Fail
—
8.6
AAA
2.9
Fail
13.4
AAA
10.5
AAA
8.6
AAA
—
White BG
6.6AA
1.5Fail
1.9Fail
2.3Fail
19.5AAA
Black BG
3.2AA Large
14.4AAA
11.3AAA
9.3AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

696947
E0E0B7
D1D189
CAC974
0E0E08

Deuteranopia

6B6E48
E1E3B9
D4D88D
CFD777
0F0F09

Tritanopia

764A4B
E9BEC0
E49597
EE7C7E
100909

Achromatopsia

5D5D5D
D6D6D6
BEBEBE
ACACAC
0D0D0D

Shades & Tints Shades & Tints

#785542

Dark
Light

#EAD3AE

Dark
Light

#E6B67B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #785542;
  --color-2: #ead3ae;
  --color-3: #e6b67b;
  --color-4: #f3946a;
  --color-5: #100c07;
}

SCSS

$color-1: #785542;
$color-2: #ead3ae;
$color-3: #e6b67b;
$color-4: #f3946a;
$color-5: #100c07;

TAILWIND

colors: {
  'brand-1': '#785542',
  'brand-2': '#ead3ae',
  'brand-3': '#e6b67b',
  'brand-4': '#f3946a',
  'brand-5': '#100c07',
}

RGB Array

[120, 85, 66], [234, 211, 174], [230, 182, 123], [243, 148, 106], [16, 12, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #785542, #EAD3AE, #E6B67B, #F3946A, #100C07 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: #785542; --color-2: #ead3ae; --color-3: #e6b67b; --color-4: #f3946a; --color-5: #100c07. 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