#95CFB4 + #B7CF95 + #D6DE6F + #D4A86C + #D4716C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#95CFB4

Jade · DarkSeaGreen · Apple Green

HEX

#95CFB4

RGB

rgb(149, 207, 180)

HSL

hsl(152, 38%, 70%)

HSB

hsb(152, 28%, 81%)

CMYK

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

Oklch

oklch(80.7% 0.071 164.3)

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

#B7CF95

Willow Green · Tan · Apple Green

HEX

#B7CF95

RGB

rgb(183, 207, 149)

HSL

hsl(85, 38%, 70%)

HSB

hsb(85, 28%, 81%)

CMYK

cmyk(12%, 0%, 28%, 19%)

Oklch

oklch(82.2% 0.082 126.4)

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

#D6DE6F

Fresh Green · Khaki · Sunflower

HEX

#D6DE6F

RGB

rgb(214, 222, 111)

HSL

hsl(64, 63%, 65%)

HSB

hsb(64, 50%, 87%)

CMYK

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

Oklch

oklch(87.2% 0.135 112.6)

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

#D4A86C

Ginger · DarkSalmon · Warm Sun

HEX

#D4A86C

RGB

rgb(212, 168, 108)

HSL

hsl(35, 55%, 63%)

HSB

hsb(35, 49%, 83%)

CMYK

cmyk(0%, 21%, 49%, 17%)

Oklch

oklch(75.9% 0.093 74.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D4716C

Peach Pink · LightCoral · Coral Red

HEX

#D4716C

RGB

rgb(212, 113, 108)

HSL

hsl(3, 55%, 63%)

HSB

hsb(3, 49%, 83%)

CMYK

cmyk(0%, 47%, 49%, 17%)

Oklch

oklch(66.0% 0.125 24.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95CFB4

D095B1

Analogous

95D097

95CFB4

95CED0

Triadic

95CFB4

B495D0

D0B495

Split-Comp.

95CFB4

D095CE

D09795

Tetradic

95CFB4

9795D0

D095B1

CED095

Contrast Matrix WCAG 2.1 Contrast

95CFB4	B7CF95	D6DE6F	D4A86C	D4716C
—	1.0 Fail	1.2 Fail	1.2 Fail	1.9 Fail
1.0 Fail	—	1.2 Fail	1.3 Fail	1.9 Fail
1.2 Fail	1.2 Fail	—	1.5 Fail	2.3 Fail
1.2 Fail	1.3 Fail	1.5 Fail	—	1.5 Fail
1.9 Fail	1.9 Fail	2.3 Fail	1.5 Fail	—

White BG

1.8Fail

1.7Fail

1.4Fail

2.2Fail

3.3AA Large

Black BG

11.9AAA

12.4AAA

14.5AAA

9.6AAA

6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAFBB

C1C2A3

D9DA8A

C1C17B

A9A86D

Deuteranopia

ABA6BC

C0BEA6

D9D890

C4C77E

AFB66E

Tritanopia

98C0C1

B8AEB1

D69FA4

D28689

CF6E6E

Achromatopsia

BBBBBB

C1C1C1

CFCFCF

AEAEAE

8E8E8E

Shades & Tints Shades & Tints

#95CFB4

Dark

Light

#B7CF95

Dark

Light

#D6DE6F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95cfb4;
  --color-2: #b7cf95;
  --color-3: #d6de6f;
  --color-4: #d4a86c;
  --color-5: #d4716c;
}

SCSS

$color-1: #95cfb4;
$color-2: #b7cf95;
$color-3: #d6de6f;
$color-4: #d4a86c;
$color-5: #d4716c;

TAILWIND

colors: {
  'brand-1': '#95cfb4',
  'brand-2': '#b7cf95',
  'brand-3': '#d6de6f',
  'brand-4': '#d4a86c',
  'brand-5': '#d4716c',
}

RGB Array

[149, 207, 180], [183, 207, 149], [214, 222, 111], [212, 168, 108], [212, 113, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95CFB4, #B7CF95, #D6DE6F, #D4A86C, #D4716C 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: #95cfb4; --color-2: #b7cf95; --color-3: #d6de6f; --color-4: #d4a86c; --color-5: #d4716c. 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