← Back to Editor

#F3F3E1 · #E6E0C9 · #B4BDAC · #ADCFC3 · #C4DAC9

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

WorkspaceReading

Color Details Color Details

#F3F3E1

Fresh Green · Beige · Lemon Cream

HEX
#F3F3E1
RGB
rgb(243, 243, 225)
HSL
hsl(60, 43%, 92%)
HSB
hsb(60, 7%, 95%)
CMYK
cmyk(0%, 0%, 7%, 5%)
Oklch
oklch(95.9% 0.024 106.8)

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

#E6E0C9

Goose Yellow · LightGray · Lemon Cream

HEX
#E6E0C9
RGB
rgb(230, 224, 201)
HSL
hsl(48, 37%, 85%)
HSB
hsb(48, 13%, 90%)
CMYK
cmyk(0%, 3%, 13%, 10%)
Oklch
oklch(90.5% 0.031 94.9)

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

#B4BDAC

Celadon · DarkGray · Apple Green

HEX
#B4BDAC
RGB
rgb(180, 189, 172)
HSL
hsl(92, 11%, 71%)
HSB
hsb(92, 9%, 74%)
CMYK
cmyk(5%, 0%, 9%, 26%)
Oklch
oklch(78.7% 0.026 130.0)

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

#ADCFC3

Jade · Silver · Apple Green

HEX
#ADCFC3
RGB
rgb(173, 207, 195)
HSL
hsl(159, 26%, 75%)
HSB
hsb(159, 16%, 81%)
CMYK
cmyk(16%, 0%, 6%, 19%)
Oklch
oklch(82.6% 0.040 171.9)

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

#C4DAC9

Celadon · LightGray · Mint Green

HEX
#C4DAC9
RGB
rgb(196, 218, 201)
HSL
hsl(134, 23%, 81%)
HSB
hsb(134, 10%, 85%)
CMYK
cmyk(10%, 0%, 8%, 15%)
Oklch
oklch(86.7% 0.033 152.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3F3E1
E2E2F3

Analogous

F3EBE2
F3F3E1
EBF3E2

Triadic

F3F3E1
E2F3F3
F3E2F3

Split-Comp.

F3F3E1
E2EBF3
EBE2F3

Tetradic

F3F3E1
E2F3EB
E2E2F3
F3E2EB

Contrast Matrix WCAG 2.1 Contrast

F3F3E1
E6E0C9
B4BDAC
ADCFC3
C4DAC9
—
1.2
Fail
1.7
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.5
Fail
1.3
Fail
1.1
Fail
1.7
Fail
1.5
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.1
Fail
1.3
Fail
1.1
Fail
—
White BG
1.1Fail
1.3Fail
1.9Fail
1.7Fail
1.5Fail
Black BG
18.7AAA
15.9AAA
10.8AAA
12.5AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3E5
E3E3CF
B8B8B0
BCBCC6
CECECD

Deuteranopia

F3F3E6
E4E4D0
B7B7B1
BAB7C7
CCCBCE

Tritanopia

F3E9EA
E6D3D4
B4B3B4
AFC8C9
C5D0D1

Achromatopsia

F1F1F1
DFDFDF
B8B8B8
C3C3C3
D1D1D1

Shades & Tints Shades & Tints

#F3F3E1

Dark
Light

#E6E0C9

Dark
Light

#B4BDAC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3f3e1;
  --color-2: #e6e0c9;
  --color-3: #b4bdac;
  --color-4: #adcfc3;
  --color-5: #c4dac9;
}

SCSS

$color-1: #f3f3e1;
$color-2: #e6e0c9;
$color-3: #b4bdac;
$color-4: #adcfc3;
$color-5: #c4dac9;

TAILWIND

colors: {
  'brand-1': '#f3f3e1',
  'brand-2': '#e6e0c9',
  'brand-3': '#b4bdac',
  'brand-4': '#adcfc3',
  'brand-5': '#c4dac9',
}

RGB Array

[243, 243, 225], [230, 224, 201], [180, 189, 172], [173, 207, 195], [196, 218, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3F3E1, #E6E0C9, #B4BDAC, #ADCFC3, #C4DAC9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f3f3e1; --color-2: #e6e0c9; --color-3: #b4bdac; --color-4: #adcfc3; --color-5: #c4dac9. 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. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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