#BAD5C0 + #DAD8BD + #EFDEC0 + #F7E7BF + #F0F1CA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BAD5C0

Celadon · Silver · Apple Green

HEX

#BAD5C0

RGB

rgb(186, 213, 192)

HSL

hsl(133, 24%, 78%)

HSB

hsb(133, 13%, 84%)

CMYK

cmyk(13%, 0%, 10%, 16%)

Oklch

oklch(84.7% 0.041 152.0)

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

#DAD8BD

Fresh Green · LightGray · Lemon Cream

HEX

#DAD8BD

RGB

rgb(218, 216, 189)

HSL

hsl(56, 28%, 80%)

HSB

hsb(56, 13%, 85%)

CMYK

cmyk(0%, 1%, 13%, 15%)

Oklch

oklch(87.7% 0.036 103.6)

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

#EFDEC0

Goose Yellow · Wheat · Peach Orange

HEX

#EFDEC0

RGB

rgb(239, 222, 192)

HSL

hsl(38, 59%, 85%)

HSB

hsb(38, 20%, 94%)

CMYK

cmyk(0%, 7%, 20%, 6%)

Oklch

oklch(90.7% 0.044 81.9)

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

#F7E7BF

Goose Yellow · Bisque · Lemon Cream

HEX

#F7E7BF

RGB

rgb(247, 231, 191)

HSL

hsl(43, 78%, 86%)

HSB

hsb(43, 23%, 97%)

CMYK

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

Oklch

oklch(93.1% 0.055 88.8)

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

#F0F1CA

Fresh Green · Beige · Lemon Cream

HEX

#F0F1CA

RGB

rgb(240, 241, 202)

HSL

hsl(62, 58%, 87%)

HSB

hsb(62, 16%, 95%)

CMYK

cmyk(0%, 0%, 16%, 5%)

Oklch

oklch(94.7% 0.051 108.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAD5C0

D4B9CF

Analogous

C1D4B9

BAD5C0

B9D4CD

Triadic

BAD5C0

BFB9D4

D4BFB9

Split-Comp.

BAD5C0

CDB9D4

D4B9C1

Tetradic

BAD5C0

B9C1D4

D4B9CF

D4CDB9

Contrast Matrix WCAG 2.1 Contrast

BAD5C0	DAD8BD	EFDEC0	F7E7BF	F0F1CA
—	1.1 Fail	1.2 Fail	1.3 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

1.6Fail

1.4Fail

1.3Fail

1.2Fail

Black BG

13.4AAA

14.5AAA

15.9AAA

17.1AAA

18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6C5

D9D9C4

E8E7C7

F0F0C9

F0F0D3

Deuteranopia

C4C2C6

D9D9C5

E9EAC9

F1F2CB

F0F0D6

Tritanopia

BBC9CA

DAC9CA

EECDCE

F6D0D2

F0DBDD

Achromatopsia

CBCBCB

D6D6D6

E0E0E0

E7E7E7

ECECEC

Shades & Tints Shades & Tints

#BAD5C0

Dark

Light

#DAD8BD

Dark

Light

#EFDEC0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bad5c0;
  --color-2: #dad8bd;
  --color-3: #efdec0;
  --color-4: #f7e7bf;
  --color-5: #f0f1ca;
}

SCSS

$color-1: #bad5c0;
$color-2: #dad8bd;
$color-3: #efdec0;
$color-4: #f7e7bf;
$color-5: #f0f1ca;

TAILWIND

colors: {
  'brand-1': '#bad5c0',
  'brand-2': '#dad8bd',
  'brand-3': '#efdec0',
  'brand-4': '#f7e7bf',
  'brand-5': '#f0f1ca',
}

RGB Array

[186, 213, 192], [218, 216, 189], [239, 222, 192], [247, 231, 191], [240, 241, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAD5C0, #DAD8BD, #EFDEC0, #F7E7BF, #F0F1CA 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: #bad5c0; --color-2: #dad8bd; --color-3: #efdec0; --color-4: #f7e7bf; --color-5: #f0f1ca. 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