← Back to Editor

#F6EBCB · #E5ABAA · #DF7289 · #603F5E · #C9C7B2

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

#F6EBCB

Goose Yellow · Bisque · Lemon Cream

HEX
#F6EBCB
RGB
rgb(246, 235, 203)
HSL
hsl(45, 70%, 88%)
HSB
hsb(45, 17%, 96%)
CMYK
cmyk(0%, 4%, 17%, 4%)
Oklch
oklch(94.1% 0.044 91.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E5ABAA

Peach Pink · LightPink · Coral Red

HEX
#E5ABAA
RGB
rgb(229, 171, 170)
HSL
hsl(1, 53%, 78%)
HSB
hsb(1, 26%, 90%)
CMYK
cmyk(0%, 25%, 26%, 10%)
Oklch
oklch(79.5% 0.068 19.8)

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

#DF7289

Peach Pink · LightCoral · Coral Red

HEX
#DF7289
RGB
rgb(223, 114, 137)
HSL
hsl(347, 63%, 66%)
HSB
hsb(347, 49%, 87%)
CMYK
cmyk(0%, 49%, 39%, 13%)
Oklch
oklch(68.3% 0.137 8.0)

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

#603F5E

Rose Purple · DimGray · Eggplant

HEX
#603F5E
RGB
rgb(96, 63, 94)
HSL
hsl(304, 21%, 31%)
HSB
hsb(304, 34%, 38%)
CMYK
cmyk(0%, 34%, 2%, 62%)
Oklch
oklch(41.7% 0.066 328.8)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#C9C7B2

Fresh Green · Silver · Sunflower

HEX
#C9C7B2
RGB
rgb(201, 199, 178)
HSL
hsl(55, 18%, 74%)
HSB
hsb(55, 11%, 79%)
CMYK
cmyk(0%, 1%, 11%, 21%)
Oklch
oklch(82.6% 0.029 102.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6EBCB
CBD6F6

Analogous

F6D6CB
F6EBCB
EBF6CB

Triadic

F6EBCB
CBF6EB
EBCBF6

Split-Comp.

F6EBCB
CBEBF6
D6CBF6

Tetradic

F6EBCB
CBF6D6
CBD6F6
F6CBEB

Contrast Matrix WCAG 2.1 Contrast

F6EBCB
E5ABAA
DF7289
603F5E
C9C7B2
—
1.6
Fail
2.6
Fail
7.5
AAA
1.4
Fail
1.6
Fail
—
1.6
Fail
4.5
AA
1.1
Fail
2.6
Fail
1.6
Fail
—
2.9
Fail
1.8
Fail
7.5
AAA
4.5
AA
2.9
Fail
—
5.2
AA
1.4
Fail
1.1
Fail
1.8
Fail
5.2
AA
—
White BG
1.2Fail
2.0Fail
3.0AA Large
8.9AAA
1.7Fail
Black BG
17.7AAA
10.7AAA
6.9AA
2.4Fail
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1D3
CCCBAA
B0AF83
525156
C8C8B7

Deuteranopia

F2F3D5
CFD4AA
B6BE82
545655
C8C8B8

Tritanopia

F5D9DA
E2AAAA
DA7F7E
5E514F
C9BBBC

Achromatopsia

EBEBEB
BCBCBC
959595
4C4C4C
C5C5C5

Shades & Tints Shades & Tints

#F6EBCB

Dark
Light

#E5ABAA

Dark
Light

#DF7289

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6ebcb;
  --color-2: #e5abaa;
  --color-3: #df7289;
  --color-4: #603f5e;
  --color-5: #c9c7b2;
}

SCSS

$color-1: #f6ebcb;
$color-2: #e5abaa;
$color-3: #df7289;
$color-4: #603f5e;
$color-5: #c9c7b2;

TAILWIND

colors: {
  'brand-1': '#f6ebcb',
  'brand-2': '#e5abaa',
  'brand-3': '#df7289',
  'brand-4': '#603f5e',
  'brand-5': '#c9c7b2',
}

RGB Array

[246, 235, 203], [229, 171, 170], [223, 114, 137], [96, 63, 94], [201, 199, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6EBCB, #E5ABAA, #DF7289, #603F5E, #C9C7B2 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: #f6ebcb; --color-2: #e5abaa; --color-3: #df7289; --color-4: #603f5e; --color-5: #c9c7b2. 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