← Back to Editor

#DDF9DE · #93C7C0 · #576994 · #482B61 · #2E0D22

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

#DDF9DE

Emerald · Beige · Mint Green

HEX
#DDF9DE
RGB
rgb(221, 249, 222)
HSL
hsl(122, 70%, 92%)
HSB
hsb(122, 11%, 98%)
CMYK
cmyk(11%, 0%, 11%, 2%)
Oklch
oklch(95.5% 0.046 146.2)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#93C7C0

Jade · LightSteelBlue · Lake Green

HEX
#93C7C0
RGB
rgb(147, 199, 192)
HSL
hsl(172, 32%, 68%)
HSB
hsb(172, 26%, 78%)
CMYK
cmyk(26%, 0%, 4%, 22%)
Oklch
oklch(79.1% 0.055 185.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#576994

Indigo · SlateGray · Navy Blue

HEX
#576994
RGB
rgb(87, 105, 148)
HSL
hsl(222, 26%, 46%)
HSB
hsb(222, 41%, 58%)
CMYK
cmyk(41%, 29%, 0%, 42%)
Oklch
oklch(52.4% 0.072 266.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#482B61

Dark Plum · DarkSlateBlue · Eggplant

HEX
#482B61
RGB
rgb(72, 43, 97)
HSL
hsl(272, 39%, 27%)
HSB
hsb(272, 56%, 38%)
CMYK
cmyk(26%, 56%, 0%, 62%)
Oklch
oklch(35.2% 0.095 307.0)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#2E0D22

Rose Purple · Black · Raspberry

HEX
#2E0D22
RGB
rgb(46, 13, 34)
HSL
hsl(322, 56%, 12%)
HSB
hsb(322, 72%, 18%)
CMYK
cmyk(0%, 72%, 26%, 82%)
Oklch
oklch(22.2% 0.062 344.2)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDF9DE
F9DCF8

Analogous

EAF9DC
DDF9DE
DCF9EC

Triadic

DDF9DE
DDDCF9
F9DDDC

Split-Comp.

DDF9DE
ECDCF9
F9DCEA

Tetradic

DDF9DE
DCEAF9
F9DCF8
F9ECDC

Contrast Matrix WCAG 2.1 Contrast

DDF9DE
93C7C0
576994
482B61
2E0D22
—
1.7
Fail
4.8
AA
10.4
AAA
15.6
AAA
1.7
Fail
—
2.9
Fail
6.2
AA
9.3
AAA
4.8
AA
2.9
Fail
—
2.1
Fail
3.2
AA Large
10.4
AAA
6.2
AA
2.1
Fail
—
1.5
Fail
15.6
AAA
9.3
AAA
3.2
AA Large
1.5
Fail
—
White BG
1.1Fail
1.9Fail
5.4AA
11.7AAA
17.5AAA
Black BG
18.7AAA
11.2AAA
3.9AA Large
1.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9E5
AAAAC2
5F5F8A
3B3B54
201F1D

Deuteranopia

E8E5E6
A7A3C2
5E5C87
3D3F51
22241C

Tritanopia

DEEAEB
96C3C3
588180
474A47
2C1918

Achromatopsia

EEEEEE
B7B7B7
696969
3A3A3A
191919

Shades & Tints Shades & Tints

#DDF9DE

Dark
Light

#93C7C0

Dark
Light

#576994

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddf9de;
  --color-2: #93c7c0;
  --color-3: #576994;
  --color-4: #482b61;
  --color-5: #2e0d22;
}

SCSS

$color-1: #ddf9de;
$color-2: #93c7c0;
$color-3: #576994;
$color-4: #482b61;
$color-5: #2e0d22;

TAILWIND

colors: {
  'brand-1': '#ddf9de',
  'brand-2': '#93c7c0',
  'brand-3': '#576994',
  'brand-4': '#482b61',
  'brand-5': '#2e0d22',
}

RGB Array

[221, 249, 222], [147, 199, 192], [87, 105, 148], [72, 43, 97], [46, 13, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #DDF9DE, #93C7C0, #576994, #482B61, #2E0D22 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: #ddf9de; --color-2: #93c7c0; --color-3: #576994; --color-4: #482b61; --color-5: #2e0d22. 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