← Back to Editor

#7EAA9C · #F7720D · #E44F11 · #6B5F52 · #E2DEDB

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

#7EAA9C

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#7EAA9C
RGB
rgb(126, 170, 156)
HSL
hsl(161, 21%, 58%)
HSB
hsb(161, 26%, 67%)
CMYK
cmyk(26%, 0%, 8%, 33%)
Oklch
oklch(70.2% 0.052 173.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#F7720D

Tangerine · Chocolate · Warm Sun

HEX
#F7720D
RGB
rgb(247, 114, 13)
HSL
hsl(26, 94%, 51%)
HSB
hsb(26, 95%, 97%)
CMYK
cmyk(0%, 54%, 95%, 3%)
Oklch
oklch(70.0% 0.187 48.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E44F11

Tangerine · OrangeRed · Amber Brown

HEX
#E44F11
RGB
rgb(228, 79, 17)
HSL
hsl(18, 86%, 48%)
HSB
hsb(18, 93%, 89%)
CMYK
cmyk(0%, 65%, 93%, 11%)
Oklch
oklch(62.6% 0.195 38.6)

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

#6B5F52

Ochre · DimGray · Amber Brown

HEX
#6B5F52
RGB
rgb(107, 95, 82)
HSL
hsl(31, 13%, 37%)
HSB
hsb(31, 23%, 42%)
CMYK
cmyk(0%, 11%, 23%, 58%)
Oklch
oklch(49.3% 0.025 69.4)

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

#E2DEDB

Apricot · LightGray · Peach Orange

HEX
#E2DEDB
RGB
rgb(226, 222, 219)
HSL
hsl(26, 11%, 87%)
HSB
hsb(26, 3%, 89%)
CMYK
cmyk(0%, 2%, 3%, 11%)
Oklch
oklch(90.3% 0.006 59.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7EAA9C
AA7D8C

Analogous

7DAA86
7EAA9C
7DA2AA

Triadic

7EAA9C
9C7DAA
AA9C7D

Split-Comp.

7EAA9C
AA7DA2
AA867D

Tetradic

7EAA9C
867DAA
AA7D8C
A2AA7D

Contrast Matrix WCAG 2.1 Contrast

7EAA9C
F7720D
E44F11
6B5F52
E2DEDB
—
1.1
Fail
1.5
Fail
2.4
Fail
1.9
Fail
1.1
Fail
—
1.4
Fail
2.2
Fail
2.1
Fail
1.5
Fail
1.4
Fail
—
1.6
Fail
2.9
Fail
2.4
Fail
2.2
Fail
1.6
Fail
—
4.6
AA
1.9
Fail
2.1
Fail
2.9
Fail
4.6
AA
—
White BG
2.6Fail
2.9Fail
3.9AA Large
6.2AA
1.3Fail
Black BG
8.1AAA
7.4AAA
5.4AA
3.4AA Large
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

91919F
BDBC25
A3A220
666655
E0E0DC

Deuteranopia

8F8BA0
C5CF2B
ACB724
676756
E1E1DC

Tritanopia

80A2A3
F0393D
DD2C2E
6A5858
E2DCDC

Achromatopsia

9B9B9B
8E8E8E
747474
616161
DFDFDF

Shades & Tints Shades & Tints

#7EAA9C

Dark
Light

#F7720D

Dark
Light

#E44F11

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7eaa9c;
  --color-2: #f7720d;
  --color-3: #e44f11;
  --color-4: #6b5f52;
  --color-5: #e2dedb;
}

SCSS

$color-1: #7eaa9c;
$color-2: #f7720d;
$color-3: #e44f11;
$color-4: #6b5f52;
$color-5: #e2dedb;

TAILWIND

colors: {
  'brand-1': '#7eaa9c',
  'brand-2': '#f7720d',
  'brand-3': '#e44f11',
  'brand-4': '#6b5f52',
  'brand-5': '#e2dedb',
}

RGB Array

[126, 170, 156], [247, 114, 13], [228, 79, 17], [107, 95, 82], [226, 222, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #7EAA9C, #F7720D, #E44F11, #6B5F52, #E2DEDB 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: #7eaa9c; --color-2: #f7720d; --color-3: #e44f11; --color-4: #6b5f52; --color-5: #e2dedb. 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