← Back to Editor

#F2F1EC · #ADADA8 · #FEFEFD · #B9B69B · #DBD7BE

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

WorkspaceReading

Color Details Color Details

#F2F1EC

Fresh Green · Linen · Lemon Cream

HEX
#F2F1EC
RGB
rgb(242, 241, 236)
HSL
hsl(50, 19%, 94%)
HSB
hsb(50, 2%, 95%)
CMYK
cmyk(0%, 0%, 2%, 5%)
Oklch
oklch(95.8% 0.007 97.4)

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

#ADADA8

Ash · DarkGray · Silver Sand

HEX
#ADADA8
RGB
rgb(173, 173, 168)
HSL
hsl(60, 3%, 67%)
HSB
hsb(60, 3%, 68%)
CMYK
cmyk(0%, 0%, 3%, 32%)
Oklch
oklch(74.6% 0.007 106.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#FEFEFD

Fresh Green · White · Lemon Cream

HEX
#FEFEFD
RGB
rgb(254, 254, 253)
HSL
hsl(60, 33%, 99%)
HSB
hsb(60, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(99.7% 0.001 106.4)

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

#B9B69B

Fresh Green · DarkGray · Sunflower

HEX
#B9B69B
RGB
rgb(185, 182, 155)
HSL
hsl(54, 18%, 67%)
HSB
hsb(54, 16%, 73%)
CMYK
cmyk(0%, 2%, 16%, 27%)
Oklch
oklch(77.1% 0.037 102.0)

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

#DBD7BE

Fresh Green · LightGray · Lemon Cream

HEX
#DBD7BE
RGB
rgb(219, 215, 190)
HSL
hsl(52, 29%, 80%)
HSB
hsb(52, 13%, 86%)
CMYK
cmyk(0%, 2%, 13%, 14%)
Oklch
oklch(87.6% 0.034 99.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2F1EC
EDEEF3

Analogous

F3EFED
F2F1EC
F1F3ED

Triadic

F2F1EC
EDF3F2
F2EDF3

Split-Comp.

F2F1EC
EDF1F3
EFEDF3

Tetradic

F2F1EC
EDF3EF
EDEEF3
F3EDF1

Contrast Matrix WCAG 2.1 Contrast

F2F1EC
ADADA8
FEFEFD
B9B69B
DBD7BE
—
2.0
Fail
1.1
Fail
1.8
Fail
1.3
Fail
2.0
Fail
—
2.2
Fail
1.1
Fail
1.6
Fail
1.1
Fail
2.2
Fail
—
2.0
Fail
1.4
Fail
1.8
Fail
1.1
Fail
2.0
Fail
—
1.4
Fail
1.3
Fail
1.6
Fail
1.4
Fail
1.4
Fail
—
White BG
1.1Fail
2.3Fail
1.0Fail
2.1Fail
1.5Fail
Black BG
18.6AAA
9.3AAA
20.8AAA
10.2AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2ED
ADADA9
FEFEFD
B8B8A2
D9D9C4

Deuteranopia

F2F2EE
ADADAA
FEFEFD
B8B8A3
DADAC6

Tritanopia

F2EEEE
ADAAAA
FEFDFD
B9A7A8
DBC9CA

Achromatopsia

F1F1F1
ACACAC
FEFEFE
B4B4B4
D5D5D5

Shades & Tints Shades & Tints

#F2F1EC

Dark
Light

#ADADA8

Dark
Light

#FEFEFD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2f1ec;
  --color-2: #adada8;
  --color-3: #fefefd;
  --color-4: #b9b69b;
  --color-5: #dbd7be;
}

SCSS

$color-1: #f2f1ec;
$color-2: #adada8;
$color-3: #fefefd;
$color-4: #b9b69b;
$color-5: #dbd7be;

TAILWIND

colors: {
  'brand-1': '#f2f1ec',
  'brand-2': '#adada8',
  'brand-3': '#fefefd',
  'brand-4': '#b9b69b',
  'brand-5': '#dbd7be',
}

RGB Array

[242, 241, 236], [173, 173, 168], [254, 254, 253], [185, 182, 155], [219, 215, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2F1EC, #ADADA8, #FEFEFD, #B9B69B, #DBD7BE 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: #f2f1ec; --color-2: #adada8; --color-3: #fefefd; --color-4: #b9b69b; --color-5: #dbd7be. 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