← Back to Editor

#43617D · #94647A · #FF7389 · #FF8D90 · #FFDDBB

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#43617D

Slate Blue · DarkSlateBlue · Prussian Blue

HEX
#43617D
RGB
rgb(67, 97, 125)
HSL
hsl(209, 30%, 38%)
HSB
hsb(209, 46%, 49%)
CMYK
cmyk(46%, 22%, 0%, 51%)
Oklch
oklch(48.1% 0.058 247.4)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#94647A

Dark Violet · Gray · Camellia

HEX
#94647A
RGB
rgb(148, 100, 122)
HSL
hsl(333, 19%, 49%)
HSB
hsb(333, 32%, 58%)
CMYK
cmyk(0%, 32%, 18%, 42%)
Oklch
oklch(56.1% 0.069 350.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#FF7389

Peach Pink · LightCoral · Coral Red

HEX
#FF7389
RGB
rgb(255, 115, 137)
HSL
hsl(351, 100%, 73%)
HSB
hsb(351, 55%, 100%)
CMYK
cmyk(0%, 55%, 46%, 0%)
Oklch
oklch(72.8% 0.171 12.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FF8D90

Peach Pink · LightCoral · Coral Red

HEX
#FF8D90
RGB
rgb(255, 141, 144)
HSL
hsl(358, 100%, 78%)
HSB
hsb(358, 45%, 100%)
CMYK
cmyk(0%, 45%, 44%, 0%)
Oklch
oklch(76.7% 0.138 19.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FFDDBB

Goose Yellow · Bisque · Peach Orange

HEX
#FFDDBB
RGB
rgb(255, 221, 187)
HSL
hsl(30, 100%, 87%)
HSB
hsb(30, 27%, 100%)
CMYK
cmyk(0%, 13%, 27%, 0%)
Oklch
oklch(91.7% 0.059 67.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

43617D
7E6044

Analogous

447E7D
43617D
44457E

Triadic

43617D
7E4462
627E44

Split-Comp.

43617D
7E4445
7E7D44

Tetradic

43617D
7D447E
7E6044
457E44

Contrast Matrix WCAG 2.1 Contrast

43617D
94647A
FF7389
FF8D90
FFDDBB
—
1.3
Fail
2.5
Fail
2.9
Fail
5.0
AA
1.3
Fail
—
1.8
Fail
2.2
Fail
3.7
AA Large
2.5
Fail
1.8
Fail
—
1.2
Fail
2.0
Fail
2.9
Fail
2.2
Fail
1.2
Fail
—
1.7
Fail
5.0
AA
3.7
AA Large
2.0
Fail
1.7
Fail
—
White BG
6.5AA
4.8AA
2.6Fail
2.2Fail
1.3Fail
Black BG
3.2AA Large
4.4AA Large
8.1AAA
9.5AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

505076
7F7F75
C2C184
CECD8F
F0F0C3

Deuteranopia

4E4C75
828673
CBD582
D4DD8F
F2F5C5

Tritanopia

457170
927070
F87F7F
F98F8F
FDCACB

Achromatopsia

5B5B5B
757575
9F9F9F
AFAFAF
E3E3E3

Shades & Tints Shades & Tints

#43617D

Dark
Light

#94647A

Dark
Light

#FF7389

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #43617d;
  --color-2: #94647a;
  --color-3: #ff7389;
  --color-4: #ff8d90;
  --color-5: #ffddbb;
}

SCSS

$color-1: #43617d;
$color-2: #94647a;
$color-3: #ff7389;
$color-4: #ff8d90;
$color-5: #ffddbb;

TAILWIND

colors: {
  'brand-1': '#43617d',
  'brand-2': '#94647a',
  'brand-3': '#ff7389',
  'brand-4': '#ff8d90',
  'brand-5': '#ffddbb',
}

RGB Array

[67, 97, 125], [148, 100, 122], [255, 115, 137], [255, 141, 144], [255, 221, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #43617D, #94647A, #FF7389, #FF8D90, #FFDDBB is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #43617d; --color-2: #94647a; --color-3: #ff7389; --color-4: #ff8d90; --color-5: #ffddbb. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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