← Back to Editor

#544F47 · #AD574C · #E88A3F · #E4BB5C · #BDDAC9

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

#544F47

Ochre · DarkOliveGreen · Charcoal

HEX
#544F47
RGB
rgb(84, 79, 71)
HSL
hsl(37, 8%, 30%)
HSB
hsb(37, 15%, 33%)
CMYK
cmyk(0%, 6%, 15%, 67%)
Oklch
oklch(43.0% 0.014 79.7)

Traditional「Ochre」· Paint「Charcoal」· Creative Midnight Shadow

#AD574C

Crimson · Sienna · Passion Red

HEX
#AD574C
RGB
rgb(173, 87, 76)
HSL
hsl(7, 39%, 49%)
HSB
hsb(7, 56%, 68%)
CMYK
cmyk(0%, 50%, 56%, 32%)
Oklch
oklch(55.8% 0.115 28.8)

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

#E88A3F

Tangerine · Coral · Warm Sun

HEX
#E88A3F
RGB
rgb(232, 138, 63)
HSL
hsl(27, 79%, 58%)
HSB
hsb(27, 73%, 91%)
CMYK
cmyk(0%, 41%, 73%, 9%)
Oklch
oklch(72.0% 0.145 56.0)

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

#E4BB5C

Ginger · SandyBrown · Sunflower

HEX
#E4BB5C
RGB
rgb(228, 187, 92)
HSL
hsl(42, 72%, 63%)
HSB
hsb(42, 60%, 89%)
CMYK
cmyk(0%, 18%, 60%, 11%)
Oklch
oklch(81.0% 0.123 86.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#BDDAC9

Celadon · LightGray · Apple Green

HEX
#BDDAC9
RGB
rgb(189, 218, 201)
HSL
hsl(145, 28%, 80%)
HSB
hsb(145, 13%, 85%)
CMYK
cmyk(13%, 0%, 8%, 15%)
Oklch
oklch(86.2% 0.039 159.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

544F47
464B53

Analogous

534846
544F47
515346

Triadic

544F47
46534E
4E4653

Split-Comp.

544F47
465153
484653

Tetradic

544F47
465348
464B53
534651

Contrast Matrix WCAG 2.1 Contrast

544F47
AD574C
E88A3F
E4BB5C
BDDAC9
—
1.6
Fail
3.1
AA Large
4.5
AA Large
5.4
AA
1.6
Fail
—
1.9
Fail
2.7
Fail
3.3
AA Large
3.1
AA Large
1.9
Fail
—
1.4
Fail
1.7
Fail
4.5
AA Large
2.7
Fail
1.4
Fail
—
1.2
Fail
5.4
AA
3.3
AA Large
1.7
Fail
1.2
Fail
—
White BG
8.1AAA
4.9AA
2.6Fail
1.8Fail
1.5Fail
Black BG
2.6Fail
4.2AA Large
8.1AAA
11.6AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

525249
88874F
BFBE51
D2D273
CACACD

Deuteranopia

525349
8D934F
C5CC56
D5D879
C8C6CE

Tritanopia

544A4B
A95151
E35F63
E28589
BED0D1

Achromatopsia

505050
6F6F6F
9E9E9E
BCBCBC
CFCFCF

Shades & Tints Shades & Tints

#544F47

Dark
Light

#AD574C

Dark
Light

#E88A3F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #544f47;
  --color-2: #ad574c;
  --color-3: #e88a3f;
  --color-4: #e4bb5c;
  --color-5: #bddac9;
}

SCSS

$color-1: #544f47;
$color-2: #ad574c;
$color-3: #e88a3f;
$color-4: #e4bb5c;
$color-5: #bddac9;

TAILWIND

colors: {
  'brand-1': '#544f47',
  'brand-2': '#ad574c',
  'brand-3': '#e88a3f',
  'brand-4': '#e4bb5c',
  'brand-5': '#bddac9',
}

RGB Array

[84, 79, 71], [173, 87, 76], [232, 138, 63], [228, 187, 92], [189, 218, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #544F47, #AD574C, #E88A3F, #E4BB5C, #BDDAC9 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: #544f47; --color-2: #ad574c; --color-3: #e88a3f; --color-4: #e4bb5c; --color-5: #bddac9. 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