← Back to Editor

#BCDCC6 · #F2E9D5 · #E75E61 · #654D40 · #E9E7C0

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

#BCDCC6

Celadon · LightGray · Apple Green

HEX
#BCDCC6
RGB
rgb(188, 220, 198)
HSL
hsl(139, 31%, 80%)
HSB
hsb(139, 15%, 86%)
CMYK
cmyk(15%, 0%, 10%, 14%)
Oklch
oklch(86.5% 0.045 155.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#F2E9D5

Goose Yellow · Beige · Lemon Cream

HEX
#F2E9D5
RGB
rgb(242, 233, 213)
HSL
hsl(41, 53%, 89%)
HSB
hsb(41, 12%, 95%)
CMYK
cmyk(0%, 4%, 12%, 5%)
Oklch
oklch(93.6% 0.028 86.6)

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

#E75E61

Peach Pink · Tomato · Coral Red

HEX
#E75E61
RGB
rgb(231, 94, 97)
HSL
hsl(359, 74%, 64%)
HSB
hsb(359, 59%, 91%)
CMYK
cmyk(0%, 59%, 58%, 9%)
Oklch
oklch(65.8% 0.171 21.7)

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

#654D40

Tangerine · DarkOliveGreen · Amber Brown

HEX
#654D40
RGB
rgb(101, 77, 64)
HSL
hsl(21, 22%, 32%)
HSB
hsb(21, 37%, 40%)
CMYK
cmyk(0%, 24%, 37%, 60%)
Oklch
oklch(44.2% 0.039 49.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E9E7C0

Fresh Green · Wheat · Lemon Cream

HEX
#E9E7C0
RGB
rgb(233, 231, 192)
HSL
hsl(57, 48%, 83%)
HSB
hsb(57, 18%, 91%)
CMYK
cmyk(0%, 1%, 18%, 9%)
Oklch
oklch(92.0% 0.051 104.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCDCC6
DCBCD2

Analogous

C2DCBC
BCDCC6
BCDCD6

Triadic

BCDCC6
C6BCDC
DCC6BC

Split-Comp.

BCDCC6
D6BCDC
DCBCC2

Tetradic

BCDCC6
BCC2DC
DCBCD2
DCD6BC

Contrast Matrix WCAG 2.1 Contrast

BCDCC6
F2E9D5
E75E61
654D40
E9E7C0
—
1.2
Fail
2.3
Fail
5.3
AA
1.2
Fail
1.2
Fail
—
2.8
Fail
6.5
AA
1.0
Fail
2.3
Fail
2.8
Fail
—
2.3
Fail
2.7
Fail
5.3
AA
6.5
AA
2.3
Fail
—
6.2
AA
1.2
Fail
1.0
Fail
2.7
Fail
6.2
AA
—
White BG
1.5Fail
1.2Fail
3.4AA Large
7.8AAA
1.3Fail
Black BG
14.2AAA
17.4AAA
6.2AA
2.7Fail
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACACB
EEEEDA
ACAA60
5B5A43
E8E8C9

Deuteranopia

C8C6CD
EFEFDB
B4BE60
5C5E44
E8E8CC

Tritanopia

BED0D0
F2DEDF
E06060
644646
E9D1D3

Achromatopsia

D0D0D0
E9E9E9
878787
535353
E3E3E3

Shades & Tints Shades & Tints

#BCDCC6

Dark
Light

#F2E9D5

Dark
Light

#E75E61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bcdcc6;
  --color-2: #f2e9d5;
  --color-3: #e75e61;
  --color-4: #654d40;
  --color-5: #e9e7c0;
}

SCSS

$color-1: #bcdcc6;
$color-2: #f2e9d5;
$color-3: #e75e61;
$color-4: #654d40;
$color-5: #e9e7c0;

TAILWIND

colors: {
  'brand-1': '#bcdcc6',
  'brand-2': '#f2e9d5',
  'brand-3': '#e75e61',
  'brand-4': '#654d40',
  'brand-5': '#e9e7c0',
}

RGB Array

[188, 220, 198], [242, 233, 213], [231, 94, 97], [101, 77, 64], [233, 231, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BCDCC6, #F2E9D5, #E75E61, #654D40, #E9E7C0 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: #bcdcc6; --color-2: #f2e9d5; --color-3: #e75e61; --color-4: #654d40; --color-5: #e9e7c0. 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