#A3D5AA + #CDD1A5 + #EB9E8F + #F35E74 + #E2306B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A3D5AA

Celadon · LightGreen · Apple Green

HEX

#A3D5AA

RGB

rgb(163, 213, 170)

HSL

hsl(128, 37%, 74%)

HSB

hsb(128, 23%, 84%)

CMYK

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

Oklch

oklch(82.6% 0.079 148.6)

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

#CDD1A5

Fresh Green · Silver · Sunflower

HEX

#CDD1A5

RGB

rgb(205, 209, 165)

HSL

hsl(65, 32%, 73%)

HSB

hsb(65, 21%, 82%)

CMYK

cmyk(2%, 0%, 21%, 18%)

Oklch

oklch(84.6% 0.059 111.9)

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

#EB9E8F

Peach Pink · DarkSalmon · Coral Red

HEX

#EB9E8F

RGB

rgb(235, 158, 143)

HSL

hsl(10, 70%, 74%)

HSB

hsb(10, 39%, 92%)

CMYK

cmyk(0%, 33%, 39%, 8%)

Oklch

oklch(77.1% 0.095 31.5)

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

#F35E74

Peach Pink · Salmon · Coral Red

HEX

#F35E74

RGB

rgb(243, 94, 116)

HSL

hsl(351, 86%, 66%)

HSB

hsb(351, 61%, 95%)

CMYK

cmyk(0%, 61%, 52%, 5%)

Oklch

oklch(68.0% 0.183 14.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E2306B

Dark Violet · MediumVioletRed · Rose Pink

HEX

#E2306B

RGB

rgb(226, 48, 107)

HSL

hsl(340, 75%, 54%)

HSB

hsb(340, 79%, 89%)

CMYK

cmyk(0%, 79%, 53%, 11%)

Oklch

oklch(60.6% 0.214 7.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3D5AA

D5A4CF

Analogous

B6D5A4

A3D5AA

A4D5C3

Triadic

A3D5AA

ABA4D5

D5ABA4

Split-Comp.

A3D5AA

C3A4D5

D5A4B6

Tetradic

A3D5AA

A4B6D5

D5A4CF

D5C3A4

Contrast Matrix WCAG 2.1 Contrast

A3D5AA	CDD1A5	EB9E8F	F35E74	E2306B
—	1.0 Fail	1.3 Fail	1.9 Fail	2.6 Fail
1.0 Fail	—	1.4 Fail	2.0 Fail	2.7 Fail
1.3 Fail	1.4 Fail	—	1.5 Fail	2.0 Fail
1.9 Fail	2.0 Fail	1.5 Fail	—	1.4 Fail
2.6 Fail	2.7 Fail	2.0 Fail	1.4 Fail	—

White BG

1.7Fail

1.6Fail

2.1Fail

3.2AA Large

4.3AA Large

Black BG

12.7AAA

13.3AAA

9.8AAA

6.7AA

4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9B4

CFCFB0

CAC993

B2B16F

95935D

Deuteranopia

B6B2B7

CFCEB2

CED494

BBC66D

9FAD59

Tritanopia

A6BDBE

CDB8BA

E79596

EC6A6A

D9514F

Achromatopsia

C1C1C1

CBCBCB

B3B3B3

8D8D8D

6C6C6C

Shades & Tints Shades & Tints

#A3D5AA

Dark

Light

#CDD1A5

Dark

Light

#EB9E8F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3d5aa;
  --color-2: #cdd1a5;
  --color-3: #eb9e8f;
  --color-4: #f35e74;
  --color-5: #e2306b;
}

SCSS

$color-1: #a3d5aa;
$color-2: #cdd1a5;
$color-3: #eb9e8f;
$color-4: #f35e74;
$color-5: #e2306b;

TAILWIND

colors: {
  'brand-1': '#a3d5aa',
  'brand-2': '#cdd1a5',
  'brand-3': '#eb9e8f',
  'brand-4': '#f35e74',
  'brand-5': '#e2306b',
}

RGB Array

[163, 213, 170], [205, 209, 165], [235, 158, 143], [243, 94, 116], [226, 48, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A3D5AA, #CDD1A5, #EB9E8F, #F35E74, #E2306B 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: #a3d5aa; --color-2: #cdd1a5; --color-3: #eb9e8f; --color-4: #f35e74; --color-5: #e2306b. 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