#F1D5BD + #DFD6B5 + #C5D8C4 + #D0D2BD + #CBD9C2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F1D5BD

Apricot · Wheat · Peach Orange

HEX

#F1D5BD

RGB

rgb(241, 213, 189)

HSL

hsl(28, 65%, 84%)

HSB

hsb(28, 22%, 95%)

CMYK

cmyk(0%, 12%, 22%, 5%)

Oklch

oklch(89.0% 0.045 62.8)

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

#DFD6B5

Goose Yellow · Wheat · Lemon Cream

HEX

#DFD6B5

RGB

rgb(223, 214, 181)

HSL

hsl(47, 40%, 79%)

HSB

hsb(47, 19%, 87%)

CMYK

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

Oklch

oklch(87.5% 0.045 94.5)

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

#C5D8C4

Celadon · LightGray · Mint Green

HEX

#C5D8C4

RGB

rgb(197, 216, 196)

HSL

hsl(117, 20%, 81%)

HSB

hsb(117, 9%, 85%)

CMYK

cmyk(9%, 0%, 9%, 15%)

Oklch

oklch(86.2% 0.034 143.9)

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

#D0D2BD

Fresh Green · LightGray · Lemon Cream

HEX

#D0D2BD

RGB

rgb(208, 210, 189)

HSL

hsl(66, 19%, 78%)

HSB

hsb(66, 10%, 82%)

CMYK

cmyk(1%, 0%, 10%, 18%)

Oklch

oklch(85.6% 0.028 111.4)

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

#CBD9C2

Celadon · LightGray · Mint Green

HEX

#CBD9C2

RGB

rgb(203, 217, 194)

HSL

hsl(97, 23%, 81%)

HSB

hsb(97, 11%, 85%)

CMYK

cmyk(6%, 0%, 11%, 15%)

Oklch

oklch(86.8% 0.035 133.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1D5BD

BCD8F1

Analogous

F1BCBD

F1D5BD

F1EFBC

Triadic

F1D5BD

BCF1D4

D4BCF1

Split-Comp.

F1D5BD

BCF1EF

BCBDF1

Tetradic

F1D5BD

BDF1BC

BCD8F1

EFBCF1

Contrast Matrix WCAG 2.1 Contrast

F1D5BD	DFD6B5	C5D8C4	D0D2BD	CBD9C2
—	1.0 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.0 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.4Fail

1.5Fail

Black BG

15.0AAA

14.4AAA

14.0AAA

13.6AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5C3

DBDBBD

CDCDC9

D1D1C2

D1D1C8

Deuteranopia

E7E9C4

DCDCBF

CCCBCA

D1D1C3

D0CFC9

Tritanopia

F0C7C8

DFC3C5

C6CDCE

D0C6C7

CCCCCD

Achromatopsia

DBDBDB

D5D5D5

D0D0D0

CFCFCF

D2D2D2

Shades & Tints Shades & Tints

#F1D5BD

Dark

Light

#DFD6B5

Dark

Light

#C5D8C4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1d5bd;
  --color-2: #dfd6b5;
  --color-3: #c5d8c4;
  --color-4: #d0d2bd;
  --color-5: #cbd9c2;
}

SCSS

$color-1: #f1d5bd;
$color-2: #dfd6b5;
$color-3: #c5d8c4;
$color-4: #d0d2bd;
$color-5: #cbd9c2;

TAILWIND

colors: {
  'brand-1': '#f1d5bd',
  'brand-2': '#dfd6b5',
  'brand-3': '#c5d8c4',
  'brand-4': '#d0d2bd',
  'brand-5': '#cbd9c2',
}

RGB Array

[241, 213, 189], [223, 214, 181], [197, 216, 196], [208, 210, 189], [203, 217, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1D5BD, #DFD6B5, #C5D8C4, #D0D2BD, #CBD9C2 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: #f1d5bd; --color-2: #dfd6b5; --color-3: #c5d8c4; --color-4: #d0d2bd; --color-5: #cbd9c2. 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