#DFD9B2 + #C7CFC1 + #AFC7CA + #89C0D6 + #43BDE9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DFD9B2

Fresh Green · Wheat · Lemon Cream

HEX

#DFD9B2

RGB

rgb(223, 217, 178)

HSL

hsl(52, 41%, 79%)

HSB

hsb(52, 20%, 87%)

CMYK

cmyk(0%, 3%, 20%, 13%)

Oklch

oklch(88.0% 0.052 100.1)

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

#C7CFC1

Celadon · Silver · Apple Green

HEX

#C7CFC1

RGB

rgb(199, 207, 193)

HSL

hsl(94, 13%, 78%)

HSB

hsb(94, 7%, 81%)

CMYK

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

Oklch

oklch(84.4% 0.021 131.5)

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

#AFC7CA

Sky Blue · LightSteelBlue · Lake Green

HEX

#AFC7CA

RGB

rgb(175, 199, 202)

HSL

hsl(187, 20%, 74%)

HSB

hsb(187, 13%, 79%)

CMYK

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

Oklch

oklch(81.3% 0.026 205.8)

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

#89C0D6

Sky Blue · SkyBlue · Lake Green

HEX

#89C0D6

RGB

rgb(137, 192, 214)

HSL

hsl(197, 48%, 69%)

HSB

hsb(197, 36%, 84%)

CMYK

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

Oklch

oklch(77.7% 0.065 224.8)

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

#43BDE9

Lake Blue · MediumTurquoise · Lake Green

HEX

#43BDE9

RGB

rgb(67, 189, 233)

HSL

hsl(196, 79%, 59%)

HSB

hsb(196, 71%, 91%)

CMYK

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

Oklch

oklch(74.9% 0.123 226.3)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFD9B2

B3B9DF

Analogous

DFC4B3

DFD9B2

CFDFB3

Triadic

DFD9B2

B3DFDA

DAB3DF

Split-Comp.

DFD9B2

B3CFDF

C4B3DF

Tetradic

DFD9B2

B3DFC4

B3B9DF

DFB3CF

Contrast Matrix WCAG 2.1 Contrast

DFD9B2	C7CFC1	AFC7CA	89C0D6	43BDE9
—	1.1 Fail	1.2 Fail	1.4 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

1.4Fail

1.6Fail

1.8Fail

2.0Fail

2.2Fail

Black BG

14.7AAA

13.1AAA

11.8AAA

10.6AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCBB

CACBC4

B9BAC9

A1A1D1

7879DE

Deuteranopia

DDDDBE

CAC9C5

B8B6C9

9E9ACF

7168DC

Tritanopia

DFC3C5

C7C7C8

B0C9C9

8CCCCC

49D6D4

Achromatopsia

D6D6D6

CBCBCB

C0C0C0

B2B2B2

9E9E9E

Shades & Tints Shades & Tints

#DFD9B2

Dark

Light

#C7CFC1

Dark

Light

#AFC7CA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfd9b2;
  --color-2: #c7cfc1;
  --color-3: #afc7ca;
  --color-4: #89c0d6;
  --color-5: #43bde9;
}

SCSS

$color-1: #dfd9b2;
$color-2: #c7cfc1;
$color-3: #afc7ca;
$color-4: #89c0d6;
$color-5: #43bde9;

TAILWIND

colors: {
  'brand-1': '#dfd9b2',
  'brand-2': '#c7cfc1',
  'brand-3': '#afc7ca',
  'brand-4': '#89c0d6',
  'brand-5': '#43bde9',
}

RGB Array

[223, 217, 178], [199, 207, 193], [175, 199, 202], [137, 192, 214], [67, 189, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DFD9B2, #C7CFC1, #AFC7CA, #89C0D6, #43BDE9 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: #dfd9b2; --color-2: #c7cfc1; --color-3: #afc7ca; --color-4: #89c0d6; --color-5: #43bde9. 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