← Back to Editor

#F2EBBC · #F2ECD6 · #EAD6BB · #D2E6E2 · #52343D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F2EBBC

Fresh Green · Wheat · Lemon Cream

HEX
#F2EBBC
RGB
rgb(242, 235, 188)
HSL
hsl(52, 67%, 84%)
HSB
hsb(52, 22%, 95%)
CMYK
cmyk(0%, 3%, 22%, 5%)
Oklch
oklch(93.4% 0.061 100.4)

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

#F2ECD6

Goose Yellow · Beige · Lemon Cream

HEX
#F2ECD6
RGB
rgb(242, 236, 214)
HSL
hsl(47, 52%, 89%)
HSB
hsb(47, 12%, 95%)
CMYK
cmyk(0%, 2%, 12%, 5%)
Oklch
oklch(94.2% 0.030 94.4)

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

#EAD6BB

Goose Yellow · Wheat · Peach Orange

HEX
#EAD6BB
RGB
rgb(234, 214, 187)
HSL
hsl(34, 53%, 83%)
HSB
hsb(34, 20%, 92%)
CMYK
cmyk(0%, 9%, 20%, 8%)
Oklch
oklch(88.5% 0.042 75.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D2E6E2

Jade · LightGray · Glacier Blue

HEX
#D2E6E2
RGB
rgb(210, 230, 226)
HSL
hsl(168, 29%, 86%)
HSB
hsb(168, 9%, 90%)
CMYK
cmyk(9%, 0%, 2%, 10%)
Oklch
oklch(90.9% 0.022 182.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#52343D

Dark Violet · DarkSlateGray · Camellia

HEX
#52343D
RGB
rgb(82, 52, 61)
HSL
hsl(342, 22%, 26%)
HSB
hsb(342, 37%, 32%)
CMYK
cmyk(0%, 37%, 26%, 68%)
Oklch
oklch(36.4% 0.045 0.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2EBBC
BBC2F2

Analogous

F2CFBB
F2EBBC
DDF2BB

Triadic

F2EBBC
BBF2EA
EABBF2

Split-Comp.

F2EBBC
BBDDF2
CFBBF2

Tetradic

F2EBBC
BBF2CF
BBC2F2
F2BBDD

Contrast Matrix WCAG 2.1 Contrast

F2EBBC
F2ECD6
EAD6BB
D2E6E2
52343D
—
1.0
Fail
1.2
Fail
1.1
Fail
9.1
AAA
1.0
Fail
—
1.2
Fail
1.1
Fail
9.3
AAA
1.2
Fail
1.2
Fail
—
1.1
Fail
7.7
AAA
1.1
Fail
1.1
Fail
1.1
Fail
—
8.4
AAA
9.1
AAA
9.3
AAA
7.7
AAA
8.4
AAA
—
White BG
1.2Fail
1.2Fail
1.4Fail
1.3Fail
11.0AAA
Black BG
17.4AAA
17.7AAA
14.8AAA
16.2AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFC7
EFEFDB
E1E1C2
DBDBE3
45453B

Deuteranopia

EFF0CA
F0F0DD
E3E4C3
DAD8E3
47493A

Tritanopia

F2D0D2
F2E0E0
E9C7C8
D3E4E4
503939

Achromatopsia

E8E8E8
EBEBEB
D9D9D9
E0E0E0
3E3E3E

Shades & Tints Shades & Tints

#F2EBBC

Dark
Light

#F2ECD6

Dark
Light

#EAD6BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2ebbc;
  --color-2: #f2ecd6;
  --color-3: #ead6bb;
  --color-4: #d2e6e2;
  --color-5: #52343d;
}

SCSS

$color-1: #f2ebbc;
$color-2: #f2ecd6;
$color-3: #ead6bb;
$color-4: #d2e6e2;
$color-5: #52343d;

TAILWIND

colors: {
  'brand-1': '#f2ebbc',
  'brand-2': '#f2ecd6',
  'brand-3': '#ead6bb',
  'brand-4': '#d2e6e2',
  'brand-5': '#52343d',
}

RGB Array

[242, 235, 188], [242, 236, 214], [234, 214, 187], [210, 230, 226], [82, 52, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2EBBC, #F2ECD6, #EAD6BB, #D2E6E2, #52343D 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: #f2ebbc; --color-2: #f2ecd6; --color-3: #ead6bb; --color-4: #d2e6e2; --color-5: #52343d. 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