← Back to Editor

#CA7E6E · #ECCBC4 · #D8C7B3 · #00252B · #7FA79C

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

#CA7E6E

Peach Pink · DarkSalmon · Coral Red

HEX
#CA7E6E
RGB
rgb(202, 126, 110)
HSL
hsl(10, 46%, 61%)
HSB
hsb(10, 46%, 79%)
CMYK
cmyk(0%, 38%, 46%, 21%)
Oklch
oklch(66.9% 0.098 32.6)

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

#ECCBC4

Peach Pink · Pink · Cherry Blossom

HEX
#ECCBC4
RGB
rgb(236, 203, 196)
HSL
hsl(10, 51%, 85%)
HSB
hsb(10, 17%, 93%)
CMYK
cmyk(0%, 14%, 17%, 7%)
Oklch
oklch(86.8% 0.039 32.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D8C7B3

Goose Yellow · Silver · Peach Orange

HEX
#D8C7B3
RGB
rgb(216, 199, 179)
HSL
hsl(32, 32%, 77%)
HSB
hsb(32, 17%, 85%)
CMYK
cmyk(0%, 8%, 17%, 15%)
Oklch
oklch(83.8% 0.033 71.8)

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

#00252B

Lake Blue · Black · Peacock Green

HEX
#00252B
RGB
rgb(0, 37, 43)
HSL
hsl(188, 100%, 8%)
HSB
hsb(188, 100%, 17%)
CMYK
cmyk(100%, 14%, 0%, 83%)
Oklch
oklch(24.2% 0.042 210.7)

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

#7FA79C

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#7FA79C
RGB
rgb(127, 167, 156)
HSL
hsl(164, 19%, 58%)
HSB
hsb(164, 24%, 65%)
CMYK
cmyk(24%, 0%, 7%, 35%)
Oklch
oklch(69.6% 0.046 176.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CA7E6E
6EBAC9

Analogous

C96E8C
CA7E6E
C9AB6E

Triadic

CA7E6E
6EC97D
7D6EC9

Split-Comp.

CA7E6E
6EC9AB
6E8CC9

Tetradic

CA7E6E
8CC96E
6EBAC9
AB6EC9

Contrast Matrix WCAG 2.1 Contrast

CA7E6E
ECCBC4
D8C7B3
00252B
7FA79C
—
2.1
Fail
1.9
Fail
5.2
AA
1.2
Fail
2.1
Fail
—
1.1
Fail
10.7
AAA
1.8
Fail
1.9
Fail
1.1
Fail
—
9.8
AAA
1.6
Fail
5.2
AA
10.7
AAA
9.8
AAA
—
6.1
AA
1.2
Fail
1.8
Fail
1.6
Fail
6.1
AA
—
White BG
3.1AA Large
1.5Fail
1.6Fail
16.2AAA
2.7Fail
Black BG
6.7AA
13.9AAA
12.7AAA
1.3Fail
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A872
DEDDC6
D1D0B8
10102A
90919F

Deuteranopia

AEB373
E0E2C6
D2D3B9
0E0B29
8E8B9F

Tritanopia

C67576
EAC7C7
D7BCBD
022828
81A1A1

Achromatopsia

939393
D4D4D4
CACACA
1B1B1B
9A9A9A

Shades & Tints Shades & Tints

#CA7E6E

Dark
Light

#ECCBC4

Dark
Light

#D8C7B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ca7e6e;
  --color-2: #eccbc4;
  --color-3: #d8c7b3;
  --color-4: #00252b;
  --color-5: #7fa79c;
}

SCSS

$color-1: #ca7e6e;
$color-2: #eccbc4;
$color-3: #d8c7b3;
$color-4: #00252b;
$color-5: #7fa79c;

TAILWIND

colors: {
  'brand-1': '#ca7e6e',
  'brand-2': '#eccbc4',
  'brand-3': '#d8c7b3',
  'brand-4': '#00252b',
  'brand-5': '#7fa79c',
}

RGB Array

[202, 126, 110], [236, 203, 196], [216, 199, 179], [0, 37, 43], [127, 167, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CA7E6E, #ECCBC4, #D8C7B3, #00252B, #7FA79C 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: #ca7e6e; --color-2: #eccbc4; --color-3: #d8c7b3; --color-4: #00252b; --color-5: #7fa79c. 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