← Back to Editor

#CF9F9D · #7D5A61 · #68987E · #023B44 · #406C6F

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

#CF9F9D

Peach Pink · Tan · Coral Red

HEX
#CF9F9D
RGB
rgb(207, 159, 157)
HSL
hsl(2, 34%, 71%)
HSB
hsb(2, 24%, 81%)
CMYK
cmyk(0%, 23%, 24%, 19%)
Oklch
oklch(74.7% 0.057 21.3)

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

#7D5A61

Crimson · DimGray · Passion Red

HEX
#7D5A61
RGB
rgb(125, 90, 97)
HSL
hsl(348, 16%, 42%)
HSB
hsb(348, 28%, 49%)
CMYK
cmyk(0%, 28%, 22%, 51%)
Oklch
oklch(50.6% 0.047 5.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#68987E

Celadon · SlateGray · Olive Green

HEX
#68987E
RGB
rgb(104, 152, 126)
HSL
hsl(148, 19%, 50%)
HSB
hsb(148, 32%, 60%)
CMYK
cmyk(32%, 0%, 17%, 40%)
Oklch
oklch(63.8% 0.065 160.1)

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

#023B44

Lake Blue · DarkSlateGray · Peacock Green

HEX
#023B44
RGB
rgb(2, 59, 68)
HSL
hsl(188, 94%, 14%)
HSB
hsb(188, 97%, 27%)
CMYK
cmyk(97%, 13%, 0%, 73%)
Oklch
oklch(32.4% 0.055 211.7)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#406C6F

Slate Blue · DimGray · Mint Ice

HEX
#406C6F
RGB
rgb(64, 108, 111)
HSL
hsl(184, 27%, 34%)
HSB
hsb(184, 42%, 44%)
CMYK
cmyk(42%, 3%, 0%, 56%)
Oklch
oklch(50.1% 0.049 201.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CF9F9D
9CCDCE

Analogous

CE9CB3
CF9F9D
CEB79C

Triadic

CF9F9D
9CCE9E
9E9CCE

Split-Comp.

CF9F9D
9CCEB7
9CB3CE

Tetradic

CF9F9D
B3CE9C
9CCDCE
B79CCE

Contrast Matrix WCAG 2.1 Contrast

CF9F9D
7D5A61
68987E
023B44
406C6F
—
2.6
Fail
1.4
Fail
5.3
AA
2.5
Fail
2.6
Fail
—
1.8
Fail
2.0
Fail
1.0
Fail
1.4
Fail
1.8
Fail
—
3.7
AA Large
1.8
Fail
5.3
AA
2.0
Fail
3.7
AA Large
—
2.1
Fail
2.5
Fail
1.0
Fail
1.8
Fail
2.1
Fail
—
White BG
2.3Fail
6.0AA
3.3AA Large
12.3AAA
5.8AA
Black BG
9.1AAA
3.5AA Large
6.4AA
1.7Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABA9D
6E6E5F
7D7D84
1B1B42
53536E

Deuteranopia

BDC19E
70735F
7A7686
171341
514D6E

Tritanopia

CD9E9E
7B5E5E
6A898A
054040
426E6E

Achromatopsia

ADADAD
656565
878787
2B2B2B
5F5F5F

Shades & Tints Shades & Tints

#CF9F9D

Dark
Light

#7D5A61

Dark
Light

#68987E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cf9f9d;
  --color-2: #7d5a61;
  --color-3: #68987e;
  --color-4: #023b44;
  --color-5: #406c6f;
}

SCSS

$color-1: #cf9f9d;
$color-2: #7d5a61;
$color-3: #68987e;
$color-4: #023b44;
$color-5: #406c6f;

TAILWIND

colors: {
  'brand-1': '#cf9f9d',
  'brand-2': '#7d5a61',
  'brand-3': '#68987e',
  'brand-4': '#023b44',
  'brand-5': '#406c6f',
}

RGB Array

[207, 159, 157], [125, 90, 97], [104, 152, 126], [2, 59, 68], [64, 108, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CF9F9D, #7D5A61, #68987E, #023B44, #406C6F 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: #cf9f9d; --color-2: #7d5a61; --color-3: #68987e; --color-4: #023b44; --color-5: #406c6f. 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 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