← Back to Editor

#EBF4FB · #FCF3E5 · #EFE5B9 · #B49497 · #6C6263

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

#EBF4FB

Sky Blue · Lavender · Sky Blue

HEX
#EBF4FB
RGB
rgb(235, 244, 251)
HSL
hsl(206, 67%, 95%)
HSB
hsb(206, 6%, 98%)
CMYK
cmyk(6%, 3%, 0%, 2%)
Oklch
oklch(96.2% 0.013 241.0)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#FCF3E5

Goose Yellow · Linen · Peach Orange

HEX
#FCF3E5
RGB
rgb(252, 243, 229)
HSL
hsl(37, 79%, 94%)
HSB
hsb(37, 9%, 99%)
CMYK
cmyk(0%, 4%, 9%, 1%)
Oklch
oklch(96.7% 0.021 79.1)

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

#EFE5B9

Goose Yellow · Wheat · Lemon Cream

HEX
#EFE5B9
RGB
rgb(239, 229, 185)
HSL
hsl(49, 63%, 83%)
HSB
hsb(49, 23%, 94%)
CMYK
cmyk(0%, 4%, 23%, 6%)
Oklch
oklch(91.9% 0.058 96.7)

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

#B49497

Peach Pink · DarkGray · Coral Red

HEX
#B49497
RGB
rgb(180, 148, 151)
HSL
hsl(354, 18%, 64%)
HSB
hsb(354, 18%, 71%)
CMYK
cmyk(0%, 18%, 16%, 29%)
Oklch
oklch(69.7% 0.039 11.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#6C6263

Ink Gray · DimGray · Charcoal

HEX
#6C6263
RGB
rgb(108, 98, 99)
HSL
hsl(354, 5%, 40%)
HSB
hsb(354, 9%, 42%)
CMYK
cmyk(0%, 9%, 8%, 58%)
Oklch
oklch(50.6% 0.013 10.7)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBF4FB
FBF1EA

Analogous

EAFBFA
EBF4FB
EAEBFB

Triadic

EBF4FB
FBEAF3
F3FBEA

Split-Comp.

EBF4FB
FBEAEB
FBFAEA

Tetradic

EBF4FB
FAEAFB
FBF1EA
EBFBEA

Contrast Matrix WCAG 2.1 Contrast

EBF4FB
FCF3E5
EFE5B9
B49497
6C6263
—
1.0
Fail
1.1
Fail
2.5
Fail
5.3
AA
1.0
Fail
—
1.2
Fail
2.5
Fail
5.4
AA
1.1
Fail
1.2
Fail
—
2.2
Fail
4.7
AA
2.5
Fail
2.5
Fail
2.2
Fail
—
2.1
Fail
5.3
AA
5.4
AA
4.7
AA
2.1
Fail
—
White BG
1.1Fail
1.1Fail
1.3Fail
2.8Fail
5.9AA
Black BG
18.9AAA
19.1AAA
16.6AAA
7.6AAA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFF9
F8F8E8
EBEBC4
A6A696
686863

Deuteranopia

EEEEF9
F9F9E9
EBECC6
A8AA96
686963

Tritanopia

EBF8F8
FCEBEC
EECCCE
B29696
6C6363

Achromatopsia

F2F2F2
F4F4F4
E3E3E3
9E9E9E
656565

Shades & Tints Shades & Tints

#EBF4FB

Dark
Light

#FCF3E5

Dark
Light

#EFE5B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebf4fb;
  --color-2: #fcf3e5;
  --color-3: #efe5b9;
  --color-4: #b49497;
  --color-5: #6c6263;
}

SCSS

$color-1: #ebf4fb;
$color-2: #fcf3e5;
$color-3: #efe5b9;
$color-4: #b49497;
$color-5: #6c6263;

TAILWIND

colors: {
  'brand-1': '#ebf4fb',
  'brand-2': '#fcf3e5',
  'brand-3': '#efe5b9',
  'brand-4': '#b49497',
  'brand-5': '#6c6263',
}

RGB Array

[235, 244, 251], [252, 243, 229], [239, 229, 185], [180, 148, 151], [108, 98, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBF4FB, #FCF3E5, #EFE5B9, #B49497, #6C6263 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: #ebf4fb; --color-2: #fcf3e5; --color-3: #efe5b9; --color-4: #b49497; --color-5: #6c6263. 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