#FFFFFF + #FBEBDC + #F0E3C3 + #A0D8D7 + #6BD1D6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFFFFF

Moonlight White · White · Cloud White

HEX

#FFFFFF

RGB

rgb(255, 255, 255)

HSL

hsl(0, 0%, 100%)

HSB

hsb(0, 0%, 100%)

CMYK

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

Oklch

oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#FBEBDC

Apricot · Linen · Peach Orange

HEX

#FBEBDC

RGB

rgb(251, 235, 220)

HSL

hsl(29, 79%, 92%)

HSB

hsb(29, 12%, 98%)

CMYK

cmyk(0%, 6%, 12%, 2%)

Oklch

oklch(94.9% 0.026 65.7)

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

#F0E3C3

Goose Yellow · Bisque · Lemon Cream

HEX

#F0E3C3

RGB

rgb(240, 227, 195)

HSL

hsl(43, 60%, 85%)

HSB

hsb(43, 19%, 94%)

CMYK

cmyk(0%, 5%, 19%, 6%)

Oklch

oklch(91.8% 0.044 88.5)

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

#A0D8D7

Jade · LightBlue · Lake Green

HEX

#A0D8D7

RGB

rgb(160, 216, 215)

HSL

hsl(179, 42%, 74%)

HSB

hsb(179, 26%, 85%)

CMYK

cmyk(26%, 0%, 0%, 15%)

Oklch

oklch(84.4% 0.057 194.7)

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

#6BD1D6

Sky Blue · SkyBlue · Lake Green

HEX

#6BD1D6

RGB

rgb(107, 209, 214)

HSL

hsl(183, 57%, 63%)

HSB

hsb(183, 50%, 84%)

CMYK

cmyk(50%, 2%, 0%, 16%)

Oklch

oklch(80.1% 0.095 199.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFFF

Analogous

FFFFFF

Triadic

FFFFFF

Split-Comp.

FFFFFF

Tetradic

FFFFFF

Contrast Matrix WCAG 2.1 Contrast

FFFFFF	FBEBDC	F0E3C3	A0D8D7	6BD1D6
—	1.2 Fail	1.3 Fail	1.6 Fail	1.8 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.5 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.4 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.8 Fail	1.5 Fail	1.4 Fail	1.1 Fail	—

White BG

1.0Fail

1.2Fail

1.3Fail

1.6Fail

1.8Fail

Black BG

21.0AAA

18.0AAA

16.5AAA

13.3AAA

11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFFF

F4F4E0

EAEACB

B8B9D7

9798D5

Deuteranopia

FFFFFF

F5F6E1

EBECCD

B5B1D7

918AD4

Tritanopia

FFFFFF

FAE2E3

EFD1D2

A3D7D7

70D4D4

Achromatopsia

FFFFFF

EEEEEE

E3E3E3

C7C7C7

B3B3B3

Shades & Tints Shades & Tints

#FFFFFF

Dark

Light

#FBEBDC

Dark

Light

#F0E3C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffff;
  --color-2: #fbebdc;
  --color-3: #f0e3c3;
  --color-4: #a0d8d7;
  --color-5: #6bd1d6;
}

SCSS

$color-1: #ffffff;
$color-2: #fbebdc;
$color-3: #f0e3c3;
$color-4: #a0d8d7;
$color-5: #6bd1d6;

TAILWIND

colors: {
  'brand-1': '#ffffff',
  'brand-2': '#fbebdc',
  'brand-3': '#f0e3c3',
  'brand-4': '#a0d8d7',
  'brand-5': '#6bd1d6',
}

RGB Array

[255, 255, 255], [251, 235, 220], [240, 227, 195], [160, 216, 215], [107, 209, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFFFF, #FBEBDC, #F0E3C3, #A0D8D7, #6BD1D6 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: #ffffff; --color-2: #fbebdc; --color-3: #f0e3c3; --color-4: #a0d8d7; --color-5: #6bd1d6. 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