#F8EBEB + #F8F3EB + #F4F8EB + #EDF8EB + #EBF5F8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F8EBEB

Peach Pink · Linen · Cherry Blossom

HEX

#F8EBEB

RGB

rgb(248, 235, 235)

HSL

hsl(0, 48%, 95%)

HSB

hsb(0, 5%, 97%)

CMYK

cmyk(0%, 5%, 5%, 3%)

Oklch

oklch(95.0% 0.014 17.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F8F3EB

Goose Yellow · Linen · Peach Orange

HEX

#F8F3EB

RGB

rgb(248, 243, 235)

HSL

hsl(37, 48%, 95%)

HSB

hsb(37, 5%, 97%)

CMYK

cmyk(0%, 2%, 5%, 3%)

Oklch

oklch(96.6% 0.012 79.8)

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

#F4F8EB

Willow Green · Linen · Mint Green

HEX

#F4F8EB

RGB

rgb(244, 248, 235)

HSL

hsl(78, 48%, 95%)

HSB

hsb(78, 5%, 97%)

CMYK

cmyk(2%, 0%, 5%, 3%)

Oklch

oklch(97.3% 0.018 120.7)

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

#EDF8EB

Celadon · Linen · Mint Green

HEX

#EDF8EB

RGB

rgb(237, 248, 235)

HSL

hsl(111, 48%, 95%)

HSB

hsb(111, 5%, 97%)

CMYK

cmyk(4%, 0%, 5%, 3%)

Oklch

oklch(96.7% 0.021 140.9)

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

#EBF5F8

Sky Blue · Lavender · Glacier Blue

HEX

#EBF5F8

RGB

rgb(235, 245, 248)

HSL

hsl(194, 48%, 95%)

HSB

hsb(194, 5%, 97%)

CMYK

cmyk(5%, 1%, 0%, 3%)

Oklch

oklch(96.4% 0.011 217.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8EBEB

ECF8F8

Analogous

F8ECF2

F8EBEB

F8F2EC

Triadic

F8EBEB

ECF8EC

ECECF8

Split-Comp.

F8EBEB

ECF8F2

ECF2F8

Tetradic

F8EBEB

F2F8EC

ECF8F8

F2ECF8

Contrast Matrix WCAG 2.1 Contrast

F8EBEB	F8F3EB	F4F8EB	EDF8EB	EBF5F8
—	1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail
1.1 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.1 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.2Fail

1.1Fail

Black BG

18.1AAA

19.0AAA

19.5AAA

19.2AAA

18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2EB

F6F6ED

F6F6EE

F2F2EE

EFEFF7

Deuteranopia

F3F4EB

F6F7ED

F6F5EF

F1F0EF

EFEEF7

Tritanopia

F7EBEB

F8EEEF

F4F1F1

EEF1F1

ECF7F7

Achromatopsia

EFEFEF

F4F4F4

F5F5F5

F3F3F3

F2F2F2

Shades & Tints Shades & Tints

#F8EBEB

Dark

Light

#F8F3EB

Dark

Light

#F4F8EB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8ebeb;
  --color-2: #f8f3eb;
  --color-3: #f4f8eb;
  --color-4: #edf8eb;
  --color-5: #ebf5f8;
}

SCSS

$color-1: #f8ebeb;
$color-2: #f8f3eb;
$color-3: #f4f8eb;
$color-4: #edf8eb;
$color-5: #ebf5f8;

TAILWIND

colors: {
  'brand-1': '#f8ebeb',
  'brand-2': '#f8f3eb',
  'brand-3': '#f4f8eb',
  'brand-4': '#edf8eb',
  'brand-5': '#ebf5f8',
}

RGB Array

[248, 235, 235], [248, 243, 235], [244, 248, 235], [237, 248, 235], [235, 245, 248]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8EBEB, #F8F3EB, #F4F8EB, #EDF8EB, #EBF5F8 is ideal for: health products, baby brands, fresh-style blogs. 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: #f8ebeb; --color-2: #f8f3eb; --color-3: #f4f8eb; --color-4: #edf8eb; --color-5: #ebf5f8. 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 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