← Back to Editor

#782E3D · #DE5B47 · #F2B155 · #EBE3C7 · #7CBDBF

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#782E3D

Crimson · Brown · Wine Red

HEX
#782E3D
RGB
rgb(120, 46, 61)
HSL
hsl(348, 45%, 33%)
HSB
hsb(348, 62%, 47%)
CMYK
cmyk(0%, 62%, 49%, 53%)
Oklch
oklch(41.1% 0.104 10.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#DE5B47

Vermilion · Tomato · Passion Red

HEX
#DE5B47
RGB
rgb(222, 91, 71)
HSL
hsl(8, 70%, 57%)
HSB
hsb(8, 68%, 87%)
CMYK
cmyk(0%, 59%, 68%, 13%)
Oklch
oklch(63.6% 0.168 31.0)

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

#F2B155

Ginger · SandyBrown · Warm Sun

HEX
#F2B155
RGB
rgb(242, 177, 85)
HSL
hsl(35, 86%, 64%)
HSB
hsb(35, 65%, 95%)
CMYK
cmyk(0%, 27%, 65%, 5%)
Oklch
oklch(80.4% 0.132 73.3)

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

#EBE3C7

Goose Yellow · Bisque · Lemon Cream

HEX
#EBE3C7
RGB
rgb(235, 227, 199)
HSL
hsl(47, 47%, 85%)
HSB
hsb(47, 15%, 92%)
CMYK
cmyk(0%, 3%, 15%, 8%)
Oklch
oklch(91.5% 0.038 93.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#7CBDBF

Sky Blue · MediumAquaMarine · Lake Green

HEX
#7CBDBF
RGB
rgb(124, 189, 191)
HSL
hsl(182, 34%, 62%)
HSB
hsb(182, 35%, 75%)
CMYK
cmyk(35%, 1%, 0%, 25%)
Oklch
oklch(75.6% 0.066 198.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

782E3D
2E7A6B

Analogous

7A2E63
782E3D
7A452E

Triadic

782E3D
3D7A2E
2E3D7A

Split-Comp.

782E3D
2E7A45
2E637A

Tetradic

782E3D
637A2E
2E7A6B
452E7A

Contrast Matrix WCAG 2.1 Contrast

782E3D
DE5B47
F2B155
EBE3C7
7CBDBF
—
2.5
Fail
5.0
AA
7.2
AAA
4.4
AA Large
2.5
Fail
—
2.0
Fail
2.9
Fail
1.7
Fail
5.0
AA
2.0
Fail
—
1.5
Fail
1.1
Fail
7.2
AAA
2.9
Fail
1.5
Fail
—
1.7
Fail
4.4
AA Large
1.7
Fail
1.1
Fail
1.7
Fail
—
White BG
9.3AAA
3.7AA Large
1.9Fail
1.3Fail
2.1Fail
Black BG
2.3Fail
5.7AA
11.2AAA
16.3AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

585739
A5A44C
D6D56B
E8E7CE
9899BF

Deuteranopia

5C6238
ADB74D
DADE71
E8E9CF
9490BE

Tritanopia

743736
D75051
EF7D81
EBD3D4
7FBEBE

Achromatopsia

464646
808080
BABABA
E2E2E2
AAAAAA

Shades & Tints Shades & Tints

#782E3D

Dark
Light

#DE5B47

Dark
Light

#F2B155

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #782e3d;
  --color-2: #de5b47;
  --color-3: #f2b155;
  --color-4: #ebe3c7;
  --color-5: #7cbdbf;
}

SCSS

$color-1: #782e3d;
$color-2: #de5b47;
$color-3: #f2b155;
$color-4: #ebe3c7;
$color-5: #7cbdbf;

TAILWIND

colors: {
  'brand-1': '#782e3d',
  'brand-2': '#de5b47',
  'brand-3': '#f2b155',
  'brand-4': '#ebe3c7',
  'brand-5': '#7cbdbf',
}

RGB Array

[120, 46, 61], [222, 91, 71], [242, 177, 85], [235, 227, 199], [124, 189, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #782E3D, #DE5B47, #F2B155, #EBE3C7, #7CBDBF 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: #782e3d; --color-2: #de5b47; --color-3: #f2b155; --color-4: #ebe3c7; --color-5: #7cbdbf. 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