#DBE663 + #C6CF5E + #BFDA97 + #B5E2B3 + #D7F0D6 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweet

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DBE663

Fresh Green · Khaki · Sunflower

HEX

#DBE663

RGB

rgb(219, 230, 99)

HSL

hsl(65, 72%, 65%)

HSB

hsb(65, 57%, 90%)

CMYK

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

Oklch

oklch(89.1% 0.154 113.5)

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

#C6CF5E

Autumn Sage · BurlyWood · Sunflower

HEX

#C6CF5E

RGB

rgb(198, 207, 94)

HSL

hsl(65, 54%, 59%)

HSB

hsb(65, 55%, 81%)

CMYK

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

Oklch

oklch(82.5% 0.137 113.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#BFDA97

Willow Green · Tan · Apple Green

HEX

#BFDA97

RGB

rgb(191, 218, 151)

HSL

hsl(84, 48%, 72%)

HSB

hsb(84, 31%, 85%)

CMYK

cmyk(12%, 0%, 31%, 15%)

Oklch

oklch(85.2% 0.093 126.1)

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

#B5E2B3

Celadon · Silver · Apple Green

HEX

#B5E2B3

RGB

rgb(181, 226, 179)

HSL

hsl(117, 45%, 79%)

HSB

hsb(117, 21%, 89%)

CMYK

cmyk(20%, 0%, 21%, 11%)

Oklch

oklch(86.9% 0.079 143.8)

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

#D7F0D6

Celadon · LightGray · Mint Green

HEX

#D7F0D6

RGB

rgb(215, 240, 214)

HSL

hsl(118, 46%, 89%)

HSB

hsb(118, 11%, 94%)

CMYK

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

Oklch

oklch(93.0% 0.044 144.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBE663

7065E6

Analogous

E6B065

DBE663

9BE665

Triadic

DBE663

65DBE6

E665DB

Split-Comp.

DBE663

659BE6

B065E6

Tetradic

DBE663

65E6B0

7065E6

E6659B

Contrast Matrix WCAG 2.1 Contrast

DBE663	C6CF5E	BFDA97	B5E2B3	D7F0D6
—	1.2 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.1 Fail	1.2 Fail	1.1 Fail	—	1.2 Fail
1.1 Fail	1.4 Fail	1.3 Fail	1.2 Fail	—

White BG

1.4Fail

1.7Fail

1.5Fail

1.4Fail

1.2Fail

Black BG

15.5AAA

12.5AAA

13.7AAA

14.5AAA

17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E083

CACA79

CBCBA7

C8C9BE

E2E2DC

Deuteranopia

DFDE8A

C9C980

C9C7AB

C6C3C1

E0DFDE

Tritanopia

DC9CA1

C68F94

C0B4B7

B7C7C9

D8E1E2

Achromatopsia

D4D4D4

BFBFBF

CACACA

CFCFCF

E6E6E6

Shades & Tints Shades & Tints

#DBE663

Dark

Light

#C6CF5E

Dark

Light

#BFDA97

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbe663;
  --color-2: #c6cf5e;
  --color-3: #bfda97;
  --color-4: #b5e2b3;
  --color-5: #d7f0d6;
}

SCSS

$color-1: #dbe663;
$color-2: #c6cf5e;
$color-3: #bfda97;
$color-4: #b5e2b3;
$color-5: #d7f0d6;

TAILWIND

colors: {
  'brand-1': '#dbe663',
  'brand-2': '#c6cf5e',
  'brand-3': '#bfda97',
  'brand-4': '#b5e2b3',
  'brand-5': '#d7f0d6',
}

RGB Array

[219, 230, 99], [198, 207, 94], [191, 218, 151], [181, 226, 179], [215, 240, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DBE663, #C6CF5E, #BFDA97, #B5E2B3, #D7F0D6 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: #dbe663; --color-2: #c6cf5e; --color-3: #bfda97; --color-4: #b5e2b3; --color-5: #d7f0d6. 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 pastel-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