← Back to Editor

#F6F4CE · #BBBDB0 · #B37D8A · #7C6B3F · #E1DB85

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

#F6F4CE

Fresh Green · Beige · Lemon Cream

HEX
#F6F4CE
RGB
rgb(246, 244, 206)
HSL
hsl(57, 69%, 89%)
HSB
hsb(57, 16%, 96%)
CMYK
cmyk(0%, 1%, 16%, 4%)
Oklch
oklch(95.9% 0.050 104.8)

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

#BBBDB0

Fresh Green · Silver · Pearl Gray

HEX
#BBBDB0
RGB
rgb(187, 189, 176)
HSL
hsl(69, 9%, 72%)
HSB
hsb(69, 7%, 74%)
CMYK
cmyk(1%, 0%, 7%, 26%)
Oklch
oklch(79.3% 0.018 113.9)

Traditional「Fresh Green」· Paint「Pearl Gray」· Creative Silver Lining

#B37D8A

Crimson · Gray · Passion Red

HEX
#B37D8A
RGB
rgb(179, 125, 138)
HSL
hsl(346, 26%, 60%)
HSB
hsb(346, 30%, 70%)
CMYK
cmyk(0%, 30%, 23%, 30%)
Oklch
oklch(64.8% 0.069 3.4)

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

#7C6B3F

Ochre · DarkOliveGreen · Honey Gold

HEX
#7C6B3F
RGB
rgb(124, 107, 63)
HSL
hsl(43, 33%, 37%)
HSB
hsb(43, 49%, 49%)
CMYK
cmyk(0%, 14%, 49%, 51%)
Oklch
oklch(53.3% 0.065 89.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#E1DB85

Fresh Green · Khaki · Sunflower

HEX
#E1DB85
RGB
rgb(225, 219, 133)
HSL
hsl(56, 61%, 70%)
HSB
hsb(56, 41%, 88%)
CMYK
cmyk(0%, 3%, 41%, 12%)
Oklch
oklch(87.7% 0.108 104.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6F4CE
D0D2F6

Analogous

F6E1D0
F6F4CE
E5F6D0

Triadic

F6F4CE
D0F6F4
F4D0F6

Split-Comp.

F6F4CE
D0E5F6
E1D0F6

Tetradic

F6F4CE
D0F6E1
D0D2F6
F6D0E5

Contrast Matrix WCAG 2.1 Contrast

F6F4CE
BBBDB0
B37D8A
7C6B3F
E1DB85
—
1.7
Fail
3.0
AA Large
4.7
AA
1.3
Fail
1.7
Fail
—
1.8
Fail
2.7
Fail
1.3
Fail
3.0
AA Large
1.8
Fail
—
1.5
Fail
2.4
Fail
4.7
AA
2.7
Fail
1.5
Fail
—
3.6
AA Large
1.3
Fail
1.3
Fail
2.4
Fail
3.6
AA Large
—
White BG
1.1Fail
1.9Fail
3.4AA Large
5.2AA
1.4Fail
Black BG
18.8AAA
11.0AAA
6.2AA
4.0AA Large
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5D7
BCBCB3
9C9B87
75744A
DEDE9A

Deuteranopia

F5F5D9
BCBCB4
9FA386
76774C
DFDF9F

Tritanopia

F6DEE0
BBB6B6
B08484
7B5254
E1AAAE

Achromatopsia

F0F0F0
BBBBBB
8F8F8F
6B6B6B
D3D3D3

Shades & Tints Shades & Tints

#F6F4CE

Dark
Light

#BBBDB0

Dark
Light

#B37D8A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6f4ce;
  --color-2: #bbbdb0;
  --color-3: #b37d8a;
  --color-4: #7c6b3f;
  --color-5: #e1db85;
}

SCSS

$color-1: #f6f4ce;
$color-2: #bbbdb0;
$color-3: #b37d8a;
$color-4: #7c6b3f;
$color-5: #e1db85;

TAILWIND

colors: {
  'brand-1': '#f6f4ce',
  'brand-2': '#bbbdb0',
  'brand-3': '#b37d8a',
  'brand-4': '#7c6b3f',
  'brand-5': '#e1db85',
}

RGB Array

[246, 244, 206], [187, 189, 176], [179, 125, 138], [124, 107, 63], [225, 219, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6F4CE, #BBBDB0, #B37D8A, #7C6B3F, #E1DB85 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: #f6f4ce; --color-2: #bbbdb0; --color-3: #b37d8a; --color-4: #7c6b3f; --color-5: #e1db85. 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