← Back to Editor

#D0E9D4 · #68737F · #90797E · #B58B93 · #F5B0B4

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#D0E9D4

Celadon · LightGray · Mint Green

HEX
#D0E9D4
RGB
rgb(208, 233, 212)
HSL
hsl(130, 36%, 86%)
HSB
hsb(130, 11%, 91%)
CMYK
cmyk(11%, 0%, 9%, 9%)
Oklch
oklch(91.0% 0.039 150.0)

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

#68737F

Indigo · SlateGray · Navy Blue

HEX
#68737F
RGB
rgb(104, 115, 127)
HSL
hsl(211, 10%, 45%)
HSB
hsb(211, 18%, 50%)
CMYK
cmyk(18%, 9%, 0%, 50%)
Oklch
oklch(55.1% 0.023 250.6)

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

#90797E

Crimson · Gray · Warm Gray

HEX
#90797E
RGB
rgb(144, 121, 126)
HSL
hsl(347, 9%, 52%)
HSB
hsb(347, 16%, 56%)
CMYK
cmyk(0%, 16%, 12%, 44%)
Oklch
oklch(59.9% 0.029 3.3)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

#B58B93

Peach Pink · DarkGray · Coral Red

HEX
#B58B93
RGB
rgb(181, 139, 147)
HSL
hsl(349, 22%, 63%)
HSB
hsb(349, 23%, 71%)
CMYK
cmyk(0%, 23%, 19%, 29%)
Oklch
oklch(67.9% 0.052 5.8)

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

#F5B0B4

Peach Pink · LightPink · Cherry Blossom

HEX
#F5B0B4
RGB
rgb(245, 176, 180)
HSL
hsl(357, 78%, 83%)
HSB
hsb(357, 28%, 96%)
CMYK
cmyk(0%, 28%, 27%, 4%)
Oklch
oklch(82.3% 0.081 15.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0E9D4
E8CEE4

Analogous

D7E8CE
D0E9D4
CEE8E0

Triadic

D0E9D4
D3CEE8
E8D3CE

Split-Comp.

D0E9D4
E0CEE8
E8CED7

Tetradic

D0E9D4
CED7E8
E8CEE4
E8E0CE

Contrast Matrix WCAG 2.1 Contrast

D0E9D4
68737F
90797E
B58B93
F5B0B4
—
3.7
AA Large
3.1
AA Large
2.3
Fail
1.4
Fail
3.7
AA Large
—
1.2
Fail
1.6
Fail
2.7
Fail
3.1
AA Large
1.2
Fail
—
1.4
Fail
2.3
Fail
2.3
Fail
1.6
Fail
1.4
Fail
—
1.7
Fail
1.4
Fail
2.7
Fail
2.3
Fail
1.7
Fail
—
White BG
1.3Fail
4.8AA
4.0AA Large
3.0Fail
1.8Fail
Black BG
16.3AAA
4.3AA Large
5.2AA
7.1AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBD9
6D6D7C
86867D
A3A291
D7D7B3

Deuteranopia

D9D8DA
6C6B7B
87897C
A5A891
DBE0B3

Tritanopia

D1DDDE
697A79
8F7C7C
B3908F
F2B2B2

Achromatopsia

DFDFDF
717171
808080
989898
C5C5C5

Shades & Tints Shades & Tints

#D0E9D4

Dark
Light

#68737F

Dark
Light

#90797E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0e9d4;
  --color-2: #68737f;
  --color-3: #90797e;
  --color-4: #b58b93;
  --color-5: #f5b0b4;
}

SCSS

$color-1: #d0e9d4;
$color-2: #68737f;
$color-3: #90797e;
$color-4: #b58b93;
$color-5: #f5b0b4;

TAILWIND

colors: {
  'brand-1': '#d0e9d4',
  'brand-2': '#68737f',
  'brand-3': '#90797e',
  'brand-4': '#b58b93',
  'brand-5': '#f5b0b4',
}

RGB Array

[208, 233, 212], [104, 115, 127], [144, 121, 126], [181, 139, 147], [245, 176, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #D0E9D4, #68737F, #90797E, #B58B93, #F5B0B4 is ideal for: health products, baby brands, fresh-style blogs, 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: #d0e9d4; --color-2: #68737f; --color-3: #90797e; --color-4: #b58b93; --color-5: #f5b0b4. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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