#DAE6E1 + #B0DDCE + #AECCAB + #B1E856 + #B1E392 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#DAE6E1

Jade · LightGray · Mint Green

HEX

#DAE6E1

RGB

rgb(218, 230, 225)

HSL

hsl(155, 19%, 88%)

HSB

hsb(155, 5%, 90%)

CMYK

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

Oklch

oklch(91.4% 0.014 169.2)

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

#B0DDCE

Jade · LightBlue · Glacier Blue

HEX

#B0DDCE

RGB

rgb(176, 221, 206)

HSL

hsl(160, 40%, 78%)

HSB

hsb(160, 20%, 87%)

CMYK

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

Oklch

oklch(86.1% 0.051 172.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#AECCAB

Celadon · Silver · Apple Green

HEX

#AECCAB

RGB

rgb(174, 204, 171)

HSL

hsl(115, 24%, 74%)

HSB

hsb(115, 16%, 80%)

CMYK

cmyk(15%, 0%, 16%, 20%)

Oklch

oklch(81.4% 0.056 142.6)

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

#B1E856

Willow Green · GreenYellow · Apple Green

HEX

#B1E856

RGB

rgb(177, 232, 86)

HSL

hsl(83, 76%, 62%)

HSB

hsb(83, 63%, 91%)

CMYK

cmyk(24%, 0%, 63%, 9%)

Oklch

oklch(86.5% 0.183 127.4)

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

#B1E392

Emerald · LightGreen · Apple Green

HEX

#B1E392

RGB

rgb(177, 227, 146)

HSL

hsl(97, 59%, 73%)

HSB

hsb(97, 36%, 89%)

CMYK

cmyk(22%, 0%, 36%, 11%)

Oklch

oklch(86.2% 0.119 134.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE6E1

E6DBDF

Analogous

DBE6DC

DAE6E1

DBE5E6

Triadic

DAE6E1

E1DBE6

E6E1DB

Split-Comp.

DAE6E1

E6DBE5

E6DCDB

Tetradic

DAE6E1

DCDBE6

E6DBDF

E5E6DB

Contrast Matrix WCAG 2.1 Contrast

DAE6E1	B0DDCE	AECCAB	B1E856	B1E392
—	1.2 Fail	1.4 Fail	1.1 Fail	1.1 Fail
1.2 Fail	—	1.2 Fail	1.0 Fail	1.0 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.2 Fail
1.1 Fail	1.0 Fail	1.2 Fail	—	1.0 Fail
1.1 Fail	1.0 Fail	1.2 Fail	1.0 Fail	—

White BG

1.3Fail

1.5Fail

1.7Fail

1.4Fail

1.5Fail

Black BG

16.4AAA

14.1AAA

12.0AAA

14.5AAA

14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFE2

C3C4D2

BBBBB3

C9C979

C7C7A6

Deuteranopia

DFDEE3

C1BED3

B9B7B5

C6C282

C4C0AA

Tritanopia

DBE3E3

B2D4D5

AFB9BB

B4959B

B4B5B8

Achromatopsia

E2E2E2

CECECE

BFBFBF

C7C7C7

CBCBCB

Shades & Tints Shades & Tints

#DAE6E1

Dark

Light

#B0DDCE

Dark

Light

#AECCAB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae6e1;
  --color-2: #b0ddce;
  --color-3: #aeccab;
  --color-4: #b1e856;
  --color-5: #b1e392;
}

SCSS

$color-1: #dae6e1;
$color-2: #b0ddce;
$color-3: #aeccab;
$color-4: #b1e856;
$color-5: #b1e392;

TAILWIND

colors: {
  'brand-1': '#dae6e1',
  'brand-2': '#b0ddce',
  'brand-3': '#aeccab',
  'brand-4': '#b1e856',
  'brand-5': '#b1e392',
}

RGB Array

[218, 230, 225], [176, 221, 206], [174, 204, 171], [177, 232, 86], [177, 227, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DAE6E1, #B0DDCE, #AECCAB, #B1E856, #B1E392 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: #dae6e1; --color-2: #b0ddce; --color-3: #aeccab; --color-4: #b1e856; --color-5: #b1e392. 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 vintage-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