← Back to Editor

#597E7F · #D1A198 · #D9C4B2 · #D5E1CC · #CEF7EC

A 5-color palette 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

#597E7F

Slate Blue · SlateGray · Mint Ice

HEX
#597E7F
RGB
rgb(89, 126, 127)
HSL
hsl(182, 18%, 42%)
HSB
hsb(182, 30%, 50%)
CMYK
cmyk(30%, 1%, 0%, 50%)
Oklch
oklch(56.6% 0.042 198.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#D1A198

Peach Pink · Tan · Coral Red

HEX
#D1A198
RGB
rgb(209, 161, 152)
HSL
hsl(9, 38%, 71%)
HSB
hsb(9, 27%, 82%)
CMYK
cmyk(0%, 23%, 27%, 18%)
Oklch
oklch(75.1% 0.059 30.6)

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

#D9C4B2

Apricot · Silver · Peach Orange

HEX
#D9C4B2
RGB
rgb(217, 196, 178)
HSL
hsl(28, 34%, 77%)
HSB
hsb(28, 18%, 85%)
CMYK
cmyk(0%, 10%, 18%, 15%)
Oklch
oklch(83.3% 0.034 63.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D5E1CC

Celadon · LightGray · Mint Green

HEX
#D5E1CC
RGB
rgb(213, 225, 204)
HSL
hsl(94, 26%, 84%)
HSB
hsb(94, 9%, 88%)
CMYK
cmyk(5%, 0%, 9%, 12%)
Oklch
oklch(89.5% 0.031 131.6)

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

#CEF7EC

Jade · Lavender · Glacier Blue

HEX
#CEF7EC
RGB
rgb(206, 247, 236)
HSL
hsl(164, 72%, 89%)
HSB
hsb(164, 17%, 97%)
CMYK
cmyk(17%, 0%, 4%, 3%)
Oklch
oklch(94.4% 0.045 177.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

597E7F
7E5958

Analogous

587E6C
597E7F
586A7E

Triadic

597E7F
7E587D
7D7E58

Split-Comp.

597E7F
7E586A
7E6C58

Tetradic

597E7F
6C587E
7E5958
6A7E58

Contrast Matrix WCAG 2.1 Contrast

597E7F
D1A198
D9C4B2
D5E1CC
CEF7EC
—
2.0
Fail
2.6
Fail
3.3
AA Large
3.8
AA Large
2.0
Fail
—
1.3
Fail
1.7
Fail
2.0
Fail
2.6
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
3.3
AA Large
1.7
Fail
1.2
Fail
—
1.2
Fail
3.8
AA Large
2.0
Fail
1.5
Fail
1.2
Fail
—
White BG
4.5AA Large
2.3Fail
1.7Fail
1.4Fail
1.2Fail
Black BG
4.7AA
9.3AAA
12.5AAA
15.5AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

69697F
BCBC9A
D0D0B6
DADAD1
E0E0EF

Deuteranopia

67647F
BFC39B
D1D3B7
DAD9D2
DDDAEF

Tritanopia

5B7F7F
CF9C9C
D8BABB
D6D5D6
D0F1F1

Achromatopsia

737373
AEAEAE
C8C8C8
DBDBDB
E9E9E9

Shades & Tints Shades & Tints

#597E7F

Dark
Light

#D1A198

Dark
Light

#D9C4B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #597e7f;
  --color-2: #d1a198;
  --color-3: #d9c4b2;
  --color-4: #d5e1cc;
  --color-5: #cef7ec;
}

SCSS

$color-1: #597e7f;
$color-2: #d1a198;
$color-3: #d9c4b2;
$color-4: #d5e1cc;
$color-5: #cef7ec;

TAILWIND

colors: {
  'brand-1': '#597e7f',
  'brand-2': '#d1a198',
  'brand-3': '#d9c4b2',
  'brand-4': '#d5e1cc',
  'brand-5': '#cef7ec',
}

RGB Array

[89, 126, 127], [209, 161, 152], [217, 196, 178], [213, 225, 204], [206, 247, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #597E7F, #D1A198, #D9C4B2, #D5E1CC, #CEF7EC 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: #597e7f; --color-2: #d1a198; --color-3: #d9c4b2; --color-4: #d5e1cc; --color-5: #cef7ec. 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 general-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