← Back to Editor

#6F5E5C · #CF7E81 · #E7AD99 · #E0E3C3 · #F3F4E6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#6F5E5C

Crimson · DimGray · Charcoal

HEX
#6F5E5C
RGB
rgb(111, 94, 92)
HSL
hsl(6, 9%, 40%)
HSB
hsb(6, 17%, 44%)
CMYK
cmyk(0%, 15%, 17%, 56%)
Oklch
oklch(49.8% 0.022 25.9)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#CF7E81

Peach Pink · LightCoral · Coral Red

HEX
#CF7E81
RGB
rgb(207, 126, 129)
HSL
hsl(358, 46%, 65%)
HSB
hsb(358, 39%, 81%)
CMYK
cmyk(0%, 39%, 38%, 19%)
Oklch
oklch(68.0% 0.101 17.7)

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

#E7AD99

Apricot · BurlyWood · Warm Sun

HEX
#E7AD99
RGB
rgb(231, 173, 153)
HSL
hsl(15, 62%, 75%)
HSB
hsb(15, 34%, 91%)
CMYK
cmyk(0%, 25%, 34%, 9%)
Oklch
oklch(79.6% 0.074 39.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E0E3C3

Fresh Green · LightGray · Lemon Cream

HEX
#E0E3C3
RGB
rgb(224, 227, 195)
HSL
hsl(66, 36%, 83%)
HSB
hsb(66, 14%, 89%)
CMYK
cmyk(1%, 0%, 14%, 11%)
Oklch
oklch(90.5% 0.043 111.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F3F4E6

Fresh Green · Linen · Lemon Cream

HEX
#F3F4E6
RGB
rgb(243, 244, 230)
HSL
hsl(64, 39%, 93%)
HSB
hsb(64, 6%, 96%)
CMYK
cmyk(0%, 0%, 6%, 4%)
Oklch
oklch(96.3% 0.018 110.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F5E5C
5D6D6F

Analogous

6F5D64
6F5E5C
6F685D

Triadic

6F5E5C
5D6F5F
5F5D6F

Split-Comp.

6F5E5C
5D6F68
5D646F

Tetradic

6F5E5C
646F5D
5D6D6F
685D6F

Contrast Matrix WCAG 2.1 Contrast

6F5E5C
CF7E81
E7AD99
E0E3C3
F3F4E6
—
2.0
Fail
3.2
AA Large
4.6
AA
5.5
AA
2.0
Fail
—
1.6
Fail
2.3
Fail
2.7
Fail
3.2
AA Large
1.6
Fail
—
1.5
Fail
1.7
Fail
4.6
AA
2.3
Fail
1.5
Fail
—
1.2
Fail
5.5
AA
2.7
Fail
1.7
Fail
1.2
Fail
—
White BG
6.1AA
3.0AA Large
1.9Fail
1.3Fail
1.1Fail
Black BG
3.4AA Large
7.0AA
10.8AAA
15.9AAA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

68675C
ACAB80
CECD9E
E1E1CB
F3F3E9

Deuteranopia

696A5D
B1B780
D1D69F
E1E1CD
F3F3EA

Tritanopia

6E5D5D
CB8080
E4A2A3
E0D1D2
F3ECED

Achromatopsia

636363
979797
BCBCBC
DEDEDE
F2F2F2

Shades & Tints Shades & Tints

#6F5E5C

Dark
Light

#CF7E81

Dark
Light

#E7AD99

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f5e5c;
  --color-2: #cf7e81;
  --color-3: #e7ad99;
  --color-4: #e0e3c3;
  --color-5: #f3f4e6;
}

SCSS

$color-1: #6f5e5c;
$color-2: #cf7e81;
$color-3: #e7ad99;
$color-4: #e0e3c3;
$color-5: #f3f4e6;

TAILWIND

colors: {
  'brand-1': '#6f5e5c',
  'brand-2': '#cf7e81',
  'brand-3': '#e7ad99',
  'brand-4': '#e0e3c3',
  'brand-5': '#f3f4e6',
}

RGB Array

[111, 94, 92], [207, 126, 129], [231, 173, 153], [224, 227, 195], [243, 244, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F5E5C, #CF7E81, #E7AD99, #E0E3C3, #F3F4E6 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: #6f5e5c; --color-2: #cf7e81; --color-3: #e7ad99; --color-4: #e0e3c3; --color-5: #f3f4e6. 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