#F3EFED + #E2FEFF + #EFE9E7 + #E3F5FF + #E6DEDB · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#F3EFED

Apricot · Linen · Peach Orange

HEX

#F3EFED

RGB

rgb(243, 239, 237)

HSL

hsl(20, 20%, 94%)

HSB

hsb(20, 2%, 95%)

CMYK

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

Oklch

oklch(95.5% 0.005 48.7)

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

#E2FEFF

Sky Blue · Lavender · Glacier Blue

HEX

#E2FEFF

RGB

rgb(226, 254, 255)

HSL

hsl(182, 100%, 94%)

HSB

hsb(182, 11%, 100%)

CMYK

cmyk(11%, 0%, 0%, 0%)

Oklch

oklch(97.7% 0.029 199.3)

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

#EFE9E7

Apricot · Linen · Peach Orange

HEX

#EFE9E7

RGB

rgb(239, 233, 231)

HSL

hsl(15, 20%, 92%)

HSB

hsb(15, 3%, 94%)

CMYK

cmyk(0%, 3%, 3%, 6%)

Oklch

oklch(93.8% 0.007 39.5)

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

#E3F5FF

Sky Blue · Lavender · Sky Blue

HEX

#E3F5FF

RGB

rgb(227, 245, 255)

HSL

hsl(201, 100%, 95%)

HSB

hsb(201, 11%, 100%)

CMYK

cmyk(11%, 4%, 0%, 0%)

Oklch

oklch(96.0% 0.023 231.8)

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

#E6DEDB

Apricot · LightGray · Peach Orange

HEX

#E6DEDB

RGB

rgb(230, 222, 219)

HSL

hsl(16, 18%, 88%)

HSB

hsb(16, 5%, 90%)

CMYK

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

Oklch

oklch(90.6% 0.010 41.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3EFED

EDF1F3

Analogous

F3EDEE

F3EFED

F3F2ED

Triadic

F3EFED

EDF3EF

EFEDF3

Split-Comp.

F3EFED

EDF3F2

EDEEF3

Tetradic

F3EFED

EEF3ED

EDF1F3

F2EDF3

Contrast Matrix WCAG 2.1 Contrast

F3EFED	E2FEFF	EFE9E7	E3F5FF	E6DEDB
—	1.1 Fail	1.1 Fail	1.0 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.3 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.0 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
1.2 Fail	1.3 Fail	1.1 Fail	1.2 Fail	—

White BG

1.1Fail

1.2Fail

1.1Fail

1.3Fail

Black BG

18.4AAA

19.9AAA

17.5AAA

18.8AAA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1ED

EEEEFF

ECECE7

EBEBFD

E3E2DC

Deuteranopia

F2F2EE

EDEAFF

EDEDE8

EAE8FC

E3E4DC

Tritanopia

F3EEEE

E3FFFF

EFE8E8

E4FBFA

E6DCDC

Achromatopsia

F0F0F0

F6F6F6

EBEBEB

F1F1F1

E0E0E0

Shades & Tints Shades & Tints

#F3EFED

Dark

Light

#E2FEFF

Dark

Light

#EFE9E7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3efed;
  --color-2: #e2feff;
  --color-3: #efe9e7;
  --color-4: #e3f5ff;
  --color-5: #e6dedb;
}

SCSS

$color-1: #f3efed;
$color-2: #e2feff;
$color-3: #efe9e7;
$color-4: #e3f5ff;
$color-5: #e6dedb;

TAILWIND

colors: {
  'brand-1': '#f3efed',
  'brand-2': '#e2feff',
  'brand-3': '#efe9e7',
  'brand-4': '#e3f5ff',
  'brand-5': '#e6dedb',
}

RGB Array

[243, 239, 237], [226, 254, 255], [239, 233, 231], [227, 245, 255], [230, 222, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #F3EFED, #E2FEFF, #EFE9E7, #E3F5FF, #E6DEDB 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: #f3efed; --color-2: #e2feff; --color-3: #efe9e7; --color-4: #e3f5ff; --color-5: #e6dedb. 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 minimal-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