#DFCFB6 + #E3DCC9 + #F5F6EE + #CAE6DA + #A5DAD4 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DFCFB6

Goose Yellow · Wheat · Peach Orange

HEX

#DFCFB6

RGB

rgb(223, 207, 182)

HSL

hsl(37, 39%, 79%)

HSB

hsb(37, 18%, 87%)

CMYK

cmyk(0%, 7%, 18%, 13%)

Oklch

oklch(86.1% 0.038 79.1)

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

#E3DCC9

Goose Yellow · LightGray · Lemon Cream

HEX

#E3DCC9

RGB

rgb(227, 220, 201)

HSL

hsl(44, 32%, 84%)

HSB

hsb(44, 11%, 89%)

CMYK

cmyk(0%, 3%, 11%, 11%)

Oklch

oklch(89.5% 0.027 90.1)

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

#F5F6EE

Fresh Green · SeaShell · Lemon Cream

HEX

#F5F6EE

RGB

rgb(245, 246, 238)

HSL

hsl(67, 31%, 95%)

HSB

hsb(67, 3%, 96%)

CMYK

cmyk(0%, 0%, 3%, 4%)

Oklch

oklch(97.0% 0.011 112.4)

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

#CAE6DA

Jade · LightGray · Mint Green

HEX

#CAE6DA

RGB

rgb(202, 230, 218)

HSL

hsl(154, 36%, 85%)

HSB

hsb(154, 12%, 90%)

CMYK

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

Oklch

oklch(90.1% 0.034 167.9)

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

#A5DAD4

Jade · LightBlue · Lake Green

HEX

#A5DAD4

RGB

rgb(165, 218, 212)

HSL

hsl(173, 42%, 75%)

HSB

hsb(173, 24%, 85%)

CMYK

cmyk(24%, 0%, 3%, 15%)

Oklch

oklch(85.0% 0.055 187.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFCFB6

B5C5DE

Analogous

DEB9B5

DFCFB6

D9DEB5

Triadic

DFCFB6

B5DECE

CEB5DE

Split-Comp.

DFCFB6

B5D9DE

B9B5DE

Tetradic

DFCFB6

B5DEB9

B5C5DE

DEB5D9

Contrast Matrix WCAG 2.1 Contrast

DFCFB6	E3DCC9	F5F6EE	CAE6DA	A5DAD4
—	1.1 Fail	1.4 Fail	1.2 Fail	1.0 Fail
1.1 Fail	—	1.3 Fail	1.0 Fail	1.1 Fail
1.4 Fail	1.3 Fail	—	1.2 Fail	1.4 Fail
1.2 Fail	1.0 Fail	1.2 Fail	—	1.2 Fail
1.0 Fail	1.1 Fail	1.4 Fail	1.2 Fail	—

White BG

1.5Fail

1.4Fail

1.1Fail

1.3Fail

1.5Fail

Black BG

13.7AAA

15.3AAA

19.3AAA

15.8AAA

13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8BC

E0E0CE

F5F5F0

D6D6DD

BCBCD5

Deuteranopia

D9DABE

E0E1CF

F5F5F0

D5D2DE

B9B5D6

Tritanopia

DEC1C2

E3D1D2

F5F1F2

CBDFE0

A8D7D7

Achromatopsia

D1D1D1

DCDCDC

F5F5F5

DCDCDC

C9C9C9

Shades & Tints Shades & Tints

#DFCFB6

Dark

Light

#E3DCC9

Dark

Light

#F5F6EE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfcfb6;
  --color-2: #e3dcc9;
  --color-3: #f5f6ee;
  --color-4: #cae6da;
  --color-5: #a5dad4;
}

SCSS

$color-1: #dfcfb6;
$color-2: #e3dcc9;
$color-3: #f5f6ee;
$color-4: #cae6da;
$color-5: #a5dad4;

TAILWIND

colors: {
  'brand-1': '#dfcfb6',
  'brand-2': '#e3dcc9',
  'brand-3': '#f5f6ee',
  'brand-4': '#cae6da',
  'brand-5': '#a5dad4',
}

RGB Array

[223, 207, 182], [227, 220, 201], [245, 246, 238], [202, 230, 218], [165, 218, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DFCFB6, #E3DCC9, #F5F6EE, #CAE6DA, #A5DAD4 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: #dfcfb6; --color-2: #e3dcc9; --color-3: #f5f6ee; --color-4: #cae6da; --color-5: #a5dad4. 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 sea-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