← Back to Editor

#FD5344 · #89582F · #739481 · #F1EBCB · #D2B46E

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

#FD5344

Peach Pink · Tomato · Coral Red

HEX
#FD5344
RGB
rgb(253, 83, 68)
HSL
hsl(5, 98%, 63%)
HSB
hsb(5, 73%, 99%)
CMYK
cmyk(0%, 67%, 73%, 1%)
Oklch
oklch(67.5% 0.209 28.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#89582F

Tangerine · Sienna · Amber Brown

HEX
#89582F
RGB
rgb(137, 88, 47)
HSL
hsl(27, 49%, 36%)
HSB
hsb(27, 66%, 54%)
CMYK
cmyk(0%, 36%, 66%, 46%)
Oklch
oklch(50.6% 0.086 59.0)

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

#739481

Celadon · Gray · Olive Green

HEX
#739481
RGB
rgb(115, 148, 129)
HSL
hsl(145, 13%, 52%)
HSB
hsb(145, 22%, 58%)
CMYK
cmyk(22%, 0%, 13%, 42%)
Oklch
oklch(63.6% 0.047 159.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#F1EBCB

Fresh Green · Bisque · Lemon Cream

HEX
#F1EBCB
RGB
rgb(241, 235, 203)
HSL
hsl(51, 58%, 87%)
HSB
hsb(51, 16%, 95%)
CMYK
cmyk(0%, 2%, 16%, 5%)
Oklch
oklch(93.7% 0.042 98.4)

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

#D2B46E

Ginger · BurlyWood · Sunflower

HEX
#D2B46E
RGB
rgb(210, 180, 110)
HSL
hsl(42, 53%, 63%)
HSB
hsb(42, 48%, 82%)
CMYK
cmyk(0%, 14%, 48%, 18%)
Oklch
oklch(78.1% 0.096 87.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FD5344
44EEFD

Analogous

FD4491
FD5344
FDB044

Triadic

FD5344
44FD54
5444FD

Split-Comp.

FD5344
44FDB0
4491FD

Tetradic

FD5344
91FD44
44EEFD
B044FD

Contrast Matrix WCAG 2.1 Contrast

FD5344
89582F
739481
F1EBCB
D2B46E
—
1.9
Fail
1.0
Fail
2.7
Fail
1.6
Fail
1.9
Fail
—
1.8
Fail
5.0
AA
3.0
Fail
1.0
Fail
1.8
Fail
—
2.8
Fail
1.7
Fail
2.7
Fail
5.0
AA
2.8
Fail
—
1.7
Fail
1.6
Fail
3.0
Fail
1.7
Fail
1.7
Fail
—
White BG
3.2AA Large
6.0AA
3.3AA Large
1.2Fail
2.0Fail
Black BG
6.5AA
3.5AA Large
6.3AA
17.5AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B248
747339
818286
EEEED3
C5C57F

Deuteranopia

BDCA49
777A3B
7F7D87
EFEFD5
C7C983

Tritanopia

F54A4B
874142
75898A
F1D9DA
D18C8F

Achromatopsia

848484
626262
888888
E9E9E9
B5B5B5

Shades & Tints Shades & Tints

#FD5344

Dark
Light

#89582F

Dark
Light

#739481

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fd5344;
  --color-2: #89582f;
  --color-3: #739481;
  --color-4: #f1ebcb;
  --color-5: #d2b46e;
}

SCSS

$color-1: #fd5344;
$color-2: #89582f;
$color-3: #739481;
$color-4: #f1ebcb;
$color-5: #d2b46e;

TAILWIND

colors: {
  'brand-1': '#fd5344',
  'brand-2': '#89582f',
  'brand-3': '#739481',
  'brand-4': '#f1ebcb',
  'brand-5': '#d2b46e',
}

RGB Array

[253, 83, 68], [137, 88, 47], [115, 148, 129], [241, 235, 203], [210, 180, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FD5344, #89582F, #739481, #F1EBCB, #D2B46E 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: #fd5344; --color-2: #89582f; --color-3: #739481; --color-4: #f1ebcb; --color-5: #d2b46e. 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