← Back to Editor

#F6F4E7 · #BEC3BF · #91A4AA · #6E8187 · #FFD6C6

warm

A 5-color warm 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

#F6F4E7

Fresh Green · Linen · Lemon Cream

HEX
#F6F4E7
RGB
rgb(246, 244, 231)
HSL
hsl(52, 45%, 94%)
HSB
hsb(52, 6%, 96%)
CMYK
cmyk(0%, 1%, 6%, 4%)
Oklch
oklch(96.5% 0.017 99.6)

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

#BEC3BF

Silver Gray · Silver · Pearl Gray

HEX
#BEC3BF
RGB
rgb(190, 195, 191)
HSL
hsl(132, 4%, 75%)
HSB
hsb(132, 3%, 76%)
CMYK
cmyk(3%, 0%, 2%, 24%)
Oklch
oklch(81.2% 0.008 151.9)

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

#91A4AA

Sky Blue · DarkGray · Lake Green

HEX
#91A4AA
RGB
rgb(145, 164, 170)
HSL
hsl(194, 13%, 62%)
HSB
hsb(194, 15%, 67%)
CMYK
cmyk(15%, 4%, 0%, 33%)
Oklch
oklch(70.6% 0.023 218.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#6E8187

Slate Blue · SlateGray · Mint Ice

HEX
#6E8187
RGB
rgb(110, 129, 135)
HSL
hsl(194, 10%, 48%)
HSB
hsb(194, 19%, 53%)
CMYK
cmyk(19%, 4%, 0%, 47%)
Oklch
oklch(59.0% 0.024 218.8)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#FFD6C6

Apricot · Bisque · Peach Orange

HEX
#FFD6C6
RGB
rgb(255, 214, 198)
HSL
hsl(17, 100%, 89%)
HSB
hsb(17, 22%, 100%)
CMYK
cmyk(0%, 16%, 22%, 0%)
Oklch
oklch(90.7% 0.051 42.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6F4E7
E9EBF7

Analogous

F7EEE9
F6F4E7
F2F7E9

Triadic

F6F4E7
E9F7F5
F5E9F7

Split-Comp.

F6F4E7
E9F2F7
EEE9F7

Tetradic

F6F4E7
E9F7EE
E9EBF7
F7E9F2

Contrast Matrix WCAG 2.1 Contrast

F6F4E7
BEC3BF
91A4AA
6E8187
FFD6C6
—
1.6
Fail
2.3
Fail
3.7
AA Large
1.2
Fail
1.6
Fail
—
1.5
Fail
2.3
Fail
1.3
Fail
2.3
Fail
1.5
Fail
—
1.6
Fail
1.9
Fail
3.7
AA Large
2.3
Fail
1.6
Fail
—
3.0
AA Large
1.2
Fail
1.3
Fail
1.9
Fail
3.0
AA Large
—
White BG
1.1Fail
1.8Fail
2.6Fail
4.1AA Large
1.3Fail
Black BG
19.0AAA
11.7AAA
8.1AAA
5.2AA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5EA
C0C0C0
9999A9
767686
EDEDCA

Deuteranopia

F5F5EB
C0C0C0
9897A8
757485
F0F3CB

Tritanopia

F6EDED
BEC1C1
92A7A7
6F8484
FDCDCE

Achromatopsia

F3F3F3
C1C1C1
9F9F9F
7C7C7C
E0E0E0

Shades & Tints Shades & Tints

#F6F4E7

Dark
Light

#BEC3BF

Dark
Light

#91A4AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6f4e7;
  --color-2: #bec3bf;
  --color-3: #91a4aa;
  --color-4: #6e8187;
  --color-5: #ffd6c6;
}

SCSS

$color-1: #f6f4e7;
$color-2: #bec3bf;
$color-3: #91a4aa;
$color-4: #6e8187;
$color-5: #ffd6c6;

TAILWIND

colors: {
  'brand-1': '#f6f4e7',
  'brand-2': '#bec3bf',
  'brand-3': '#91a4aa',
  'brand-4': '#6e8187',
  'brand-5': '#ffd6c6',
}

RGB Array

[246, 244, 231], [190, 195, 191], [145, 164, 170], [110, 129, 135], [255, 214, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #F6F4E7, #BEC3BF, #91A4AA, #6E8187, #FFD6C6 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: #f6f4e7; --color-2: #bec3bf; --color-3: #91a4aa; --color-4: #6e8187; --color-5: #ffd6c6. 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 warm-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