← Back to Editor

#CFE5DA · #6A4450 · #F4776A · #D5CD9C · #E6E3CF

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

#CFE5DA

Jade · LightGray · Mint Green

HEX
#CFE5DA
RGB
rgb(207, 229, 218)
HSL
hsl(150, 30%, 85%)
HSB
hsb(150, 10%, 90%)
CMYK
cmyk(10%, 0%, 5%, 10%)
Oklch
oklch(90.3% 0.028 164.3)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#6A4450

Dark Violet · DimGray · Camellia

HEX
#6A4450
RGB
rgb(106, 68, 80)
HSL
hsl(341, 22%, 34%)
HSB
hsb(341, 36%, 42%)
CMYK
cmyk(0%, 36%, 25%, 58%)
Oklch
oklch(43.4% 0.055 359.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F4776A

Peach Pink · Salmon · Coral Red

HEX
#F4776A
RGB
rgb(244, 119, 106)
HSL
hsl(6, 86%, 69%)
HSB
hsb(6, 57%, 96%)
CMYK
cmyk(0%, 51%, 57%, 4%)
Oklch
oklch(71.2% 0.156 27.7)

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

#D5CD9C

Fresh Green · Tan · Sunflower

HEX
#D5CD9C
RGB
rgb(213, 205, 156)
HSL
hsl(52, 40%, 72%)
HSB
hsb(52, 27%, 84%)
CMYK
cmyk(0%, 4%, 27%, 16%)
Oklch
oklch(84.3% 0.065 99.9)

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

#E6E3CF

Fresh Green · LightGray · Lemon Cream

HEX
#E6E3CF
RGB
rgb(230, 227, 207)
HSL
hsl(52, 32%, 86%)
HSB
hsb(52, 10%, 90%)
CMYK
cmyk(0%, 1%, 10%, 10%)
Oklch
oklch(91.3% 0.027 99.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFE5DA
E4CDD9

Analogous

CDE4CD
CFE5DA
CDE4E4

Triadic

CFE5DA
D9CDE4
E4D9CD

Split-Comp.

CFE5DA
E4CDE4
E4CDCD

Tetradic

CFE5DA
CDCDE4
E4CDD9
E4E4CD

Contrast Matrix WCAG 2.1 Contrast

CFE5DA
6A4450
F4776A
D5CD9C
E6E3CF
—
6.2
AA
2.1
Fail
1.2
Fail
1.0
Fail
6.2
AA
—
3.0
AA Large
5.1
AA
6.4
AA
2.1
Fail
3.0
AA Large
—
1.7
Fail
2.1
Fail
1.2
Fail
5.1
AA
1.7
Fail
—
1.2
Fail
1.0
Fail
6.4
AA
2.1
Fail
1.2
Fail
—
White BG
1.3Fail
8.2AAA
2.7Fail
1.6Fail
1.3Fail
Black BG
15.9AAA
2.6Fail
7.7AAA
13.0AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9DD
5A594D
BEBD6D
D2D1A8
E5E5D4

Deuteranopia

D7D6DD
5C5F4C
C5CE6E
D2D3AB
E5E5D5

Tritanopia

D0DFDF
684B4A
EE7070
D5B1B3
E6D8D9

Achromatopsia

DDDDDD
515151
9B9B9B
CACACA
E2E2E2

Shades & Tints Shades & Tints

#CFE5DA

Dark
Light

#6A4450

Dark
Light

#F4776A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfe5da;
  --color-2: #6a4450;
  --color-3: #f4776a;
  --color-4: #d5cd9c;
  --color-5: #e6e3cf;
}

SCSS

$color-1: #cfe5da;
$color-2: #6a4450;
$color-3: #f4776a;
$color-4: #d5cd9c;
$color-5: #e6e3cf;

TAILWIND

colors: {
  'brand-1': '#cfe5da',
  'brand-2': '#6a4450',
  'brand-3': '#f4776a',
  'brand-4': '#d5cd9c',
  'brand-5': '#e6e3cf',
}

RGB Array

[207, 229, 218], [106, 68, 80], [244, 119, 106], [213, 205, 156], [230, 227, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFE5DA, #6A4450, #F4776A, #D5CD9C, #E6E3CF 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: #cfe5da; --color-2: #6a4450; --color-3: #f4776a; --color-4: #d5cd9c; --color-5: #e6e3cf. 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