#F3F3ED + #EDF1D9 + #DBF1D9 + #B6E9C8 + #90DFD6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F3F3ED

Fresh Green · Linen · Lemon Cream

HEX

#F3F3ED

RGB

rgb(243, 243, 237)

HSL

hsl(60, 20%, 94%)

HSB

hsb(60, 2%, 95%)

CMYK

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

Oklch

oklch(96.2% 0.008 106.5)

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

#EDF1D9

Willow Green · Beige · Mint Green

HEX

#EDF1D9

RGB

rgb(237, 241, 217)

HSL

hsl(70, 46%, 90%)

HSB

hsb(70, 10%, 95%)

CMYK

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

Oklch

oklch(94.9% 0.032 114.7)

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

#DBF1D9

Celadon · Beige · Mint Green

HEX

#DBF1D9

RGB

rgb(219, 241, 217)

HSL

hsl(115, 46%, 90%)

HSB

hsb(115, 10%, 95%)

CMYK

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

Oklch

oklch(93.5% 0.040 142.9)

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

#B6E9C8

Emerald · LightBlue · Mint Green

HEX

#B6E9C8

RGB

rgb(182, 233, 200)

HSL

hsl(141, 54%, 81%)

HSB

hsb(141, 22%, 91%)

CMYK

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

Oklch

oklch(89.0% 0.069 156.3)

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

#90DFD6

Jade · SkyBlue · Lake Green

HEX

#90DFD6

RGB

rgb(144, 223, 214)

HSL

hsl(173, 55%, 72%)

HSB

hsb(173, 35%, 87%)

CMYK

cmyk(35%, 0%, 4%, 13%)

Oklch

oklch(85.0% 0.079 186.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3F3ED

EDEDF3

Analogous

F3F0ED

F3F3ED

F0F3ED

Triadic

F3F3ED

EDF3F3

F3EDF3

Split-Comp.

F3F3ED

EDF0F3

F0EDF3

Tetradic

F3F3ED

EDF3F0

EDEDF3

F3EDF0

Contrast Matrix WCAG 2.1 Contrast

F3F3ED	EDF1D9	DBF1D9	B6E9C8	90DFD6
—	1.0 Fail	1.1 Fail	1.2 Fail	1.4 Fail
1.0 Fail	—	1.0 Fail	1.2 Fail	1.3 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.3 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.3 Fail	1.3 Fail	1.1 Fail	—

White BG

1.1Fail

1.2Fail

1.4Fail

1.5Fail

Black BG

18.9AAA

18.2AAA

17.6AAA

15.5AAA

13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3EE

EFEFDF

E5E5DF

CCCDD0

B2B3D8

Deuteranopia

F3F3EF

EFEEE0

E3E2E0

C9C5D2

AEA8D9

Tritanopia

F3F0F0

EDE3E4

DCE3E4

B9D6D8

94DADA

Achromatopsia

F2F2F2

EDEDED

E8E8E8

D6D6D6

C6C6C6

Shades & Tints Shades & Tints

#F3F3ED

Dark

Light

#EDF1D9

Dark

Light

#DBF1D9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3f3ed;
  --color-2: #edf1d9;
  --color-3: #dbf1d9;
  --color-4: #b6e9c8;
  --color-5: #90dfd6;
}

SCSS

$color-1: #f3f3ed;
$color-2: #edf1d9;
$color-3: #dbf1d9;
$color-4: #b6e9c8;
$color-5: #90dfd6;

TAILWIND

colors: {
  'brand-1': '#f3f3ed',
  'brand-2': '#edf1d9',
  'brand-3': '#dbf1d9',
  'brand-4': '#b6e9c8',
  'brand-5': '#90dfd6',
}

RGB Array

[243, 243, 237], [237, 241, 217], [219, 241, 217], [182, 233, 200], [144, 223, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3F3ED, #EDF1D9, #DBF1D9, #B6E9C8, #90DFD6 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: #f3f3ed; --color-2: #edf1d9; --color-3: #dbf1d9; --color-4: #b6e9c8; --color-5: #90dfd6. 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