#F9FAE7 + #AADBCA + #BBE7D6 + #ECF3E0 + #F5F6E8 · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#F9FAE7

Fresh Green · Linen · Lemon Cream

HEX

#F9FAE7

RGB

rgb(249, 250, 231)

HSL

hsl(63, 66%, 94%)

HSB

hsb(63, 8%, 98%)

CMYK

cmyk(0%, 0%, 8%, 2%)

Oklch

oklch(97.9% 0.025 109.3)

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

#AADBCA

Jade · LightBlue · Apple Green

HEX

#AADBCA

RGB

rgb(170, 219, 202)

HSL

hsl(159, 40%, 76%)

HSB

hsb(159, 22%, 86%)

CMYK

cmyk(22%, 0%, 8%, 14%)

Oklch

oklch(85.2% 0.056 171.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#BBE7D6

Jade · LightBlue · Mint Green

HEX

#BBE7D6

RGB

rgb(187, 231, 214)

HSL

hsl(157, 48%, 82%)

HSB

hsb(157, 19%, 91%)

CMYK

cmyk(19%, 0%, 7%, 9%)

Oklch

oklch(89.2% 0.051 169.6)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#ECF3E0

Willow Green · Beige · Mint Green

HEX

#ECF3E0

RGB

rgb(236, 243, 224)

HSL

hsl(82, 44%, 92%)

HSB

hsb(82, 8%, 95%)

CMYK

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

Oklch

oklch(95.4% 0.026 123.4)

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

#F5F6E8

Fresh Green · Linen · Lemon Cream

HEX

#F5F6E8

RGB

rgb(245, 246, 232)

HSL

hsl(64, 44%, 94%)

HSB

hsb(64, 6%, 96%)

CMYK

cmyk(0%, 0%, 6%, 4%)

Oklch

oklch(96.9% 0.018 110.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9FAE7

E7E6FA

Analogous

FAF1E6

F9FAE7

EFFAE6

Triadic

F9FAE7

E6F9FA

FAE6F9

Split-Comp.

F9FAE7

E6EFFA

F1E6FA

Tetradic

F9FAE7

E6FAF1

E7E6FA

FAE6EF

Contrast Matrix WCAG 2.1 Contrast

F9FAE7	AADBCA	BBE7D6	ECF3E0	F5F6E8
—	1.4 Fail	1.3 Fail	1.1 Fail	1.0 Fail
1.4 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.2 Fail
1.1 Fail	1.3 Fail	1.2 Fail	—	1.0 Fail
1.0 Fail	1.4 Fail	1.2 Fail	1.0 Fail	—

White BG

1.1Fail

1.5Fail

1.4Fail

1.1Fail

Black BG

19.9AAA

13.7AAA

15.5AAA

18.5AAA

19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9EC

BFC0CE

CECEDA

EFEFE5

F5F5EB

Deuteranopia

F9F9ED

BCB9CF

CCC8DB

EFEEE6

F5F5EC

Tritanopia

F9EFF0

ACD1D2

BDDDDE

ECE8E9

F5EEEF

Achromatopsia

F8F8F8

CACACA

D8D8D8

EFEFEF

F4F4F4

Shades & Tints Shades & Tints

#F9FAE7

Dark

Light

#AADBCA

Dark

Light

#BBE7D6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9fae7;
  --color-2: #aadbca;
  --color-3: #bbe7d6;
  --color-4: #ecf3e0;
  --color-5: #f5f6e8;
}

SCSS

$color-1: #f9fae7;
$color-2: #aadbca;
$color-3: #bbe7d6;
$color-4: #ecf3e0;
$color-5: #f5f6e8;

TAILWIND

colors: {
  'brand-1': '#f9fae7',
  'brand-2': '#aadbca',
  'brand-3': '#bbe7d6',
  'brand-4': '#ecf3e0',
  'brand-5': '#f5f6e8',
}

RGB Array

[249, 250, 231], [170, 219, 202], [187, 231, 214], [236, 243, 224], [245, 246, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #F9FAE7, #AADBCA, #BBE7D6, #ECF3E0, #F5F6E8 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: #f9fae7; --color-2: #aadbca; --color-3: #bbe7d6; --color-4: #ecf3e0; --color-5: #f5f6e8. 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