← Back to Editor

#B2C9B9 · #F1F0DC · #E3D7BF · #E1A2AD · #6D4B49

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

#B2C9B9

Celadon · Silver · Apple Green

HEX
#B2C9B9
RGB
rgb(178, 201, 185)
HSL
hsl(138, 18%, 74%)
HSB
hsb(138, 11%, 79%)
CMYK
cmyk(11%, 0%, 8%, 21%)
Oklch
oklch(81.4% 0.033 155.2)

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

#F1F0DC

Fresh Green · Beige · Lemon Cream

HEX
#F1F0DC
RGB
rgb(241, 240, 220)
HSL
hsl(57, 43%, 90%)
HSB
hsb(57, 9%, 95%)
CMYK
cmyk(0%, 0%, 9%, 5%)
Oklch
oklch(95.1% 0.026 104.6)

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

#E3D7BF

Goose Yellow · Wheat · Lemon Cream

HEX
#E3D7BF
RGB
rgb(227, 215, 191)
HSL
hsl(40, 39%, 82%)
HSB
hsb(40, 16%, 89%)
CMYK
cmyk(0%, 5%, 16%, 11%)
Oklch
oklch(88.2% 0.035 84.6)

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

#E1A2AD

Peach Pink · Tan · Coral Red

HEX
#E1A2AD
RGB
rgb(225, 162, 173)
HSL
hsl(350, 51%, 76%)
HSB
hsb(350, 28%, 88%)
CMYK
cmyk(0%, 28%, 23%, 12%)
Oklch
oklch(77.5% 0.076 7.4)

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

#6D4B49

Crimson · DimGray · Wine Red

HEX
#6D4B49
RGB
rgb(109, 75, 73)
HSL
hsl(3, 20%, 36%)
HSB
hsb(3, 33%, 43%)
CMYK
cmyk(0%, 31%, 33%, 57%)
Oklch
oklch(45.0% 0.047 22.9)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2C9B9
C9B1C1

Analogous

B6C9B1
B2C9B9
B1C9C4

Triadic

B2C9B9
B8B1C9
C9B8B1

Split-Comp.

B2C9B9
C4B1C9
C9B1B6

Tetradic

B2C9B9
B1B6C9
C9B1C1
C9C4B1

Contrast Matrix WCAG 2.1 Contrast

B2C9B9
F1F0DC
E3D7BF
E1A2AD
6D4B49
—
1.5
Fail
1.2
Fail
1.2
Fail
4.3
AA Large
1.5
Fail
—
1.2
Fail
1.8
Fail
6.6
AA
1.2
Fail
1.2
Fail
—
1.5
Fail
5.4
AA
1.2
Fail
1.8
Fail
1.5
Fail
—
3.6
AA Large
4.3
AA Large
6.6
AA
5.4
AA
3.6
AA Large
—
White BG
1.8Fail
1.2Fail
1.4Fail
2.1Fail
7.6AAA
Black BG
11.9AAA
18.2AAA
14.7AAA
10.0AAA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCBD
F1F1E1
DEDEC5
C6C5AA
5E5E49

Deuteranopia

BBB9BE
F1F1E2
DFDFC6
C9CEAA
60634A

Tritanopia

B3C0C1
F1E5E6
E2C9CA
DEA8A8
6B4A4A

Achromatopsia

C0C0C0
EEEEEE
D8D8D8
B6B6B6
555555

Shades & Tints Shades & Tints

#B2C9B9

Dark
Light

#F1F0DC

Dark
Light

#E3D7BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2c9b9;
  --color-2: #f1f0dc;
  --color-3: #e3d7bf;
  --color-4: #e1a2ad;
  --color-5: #6d4b49;
}

SCSS

$color-1: #b2c9b9;
$color-2: #f1f0dc;
$color-3: #e3d7bf;
$color-4: #e1a2ad;
$color-5: #6d4b49;

TAILWIND

colors: {
  'brand-1': '#b2c9b9',
  'brand-2': '#f1f0dc',
  'brand-3': '#e3d7bf',
  'brand-4': '#e1a2ad',
  'brand-5': '#6d4b49',
}

RGB Array

[178, 201, 185], [241, 240, 220], [227, 215, 191], [225, 162, 173], [109, 75, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B2C9B9, #F1F0DC, #E3D7BF, #E1A2AD, #6D4B49 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: #b2c9b9; --color-2: #f1f0dc; --color-3: #e3d7bf; --color-4: #e1a2ad; --color-5: #6d4b49. 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