#AAB063 + #CCD285 + #EBEDD1 + #E55C7C + #FF91AA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AAB063

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#AAB063

RGB

rgb(170, 176, 99)

HSL

hsl(65, 33%, 54%)

HSB

hsb(65, 44%, 69%)

CMYK

cmyk(3%, 0%, 44%, 31%)

Oklch

oklch(73.5% 0.101 112.5)

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

#CCD285

Fresh Green · Tan · Sunflower

HEX

#CCD285

RGB

rgb(204, 210, 133)

HSL

hsl(65, 46%, 67%)

HSB

hsb(65, 37%, 82%)

CMYK

cmyk(3%, 0%, 37%, 18%)

Oklch

oklch(84.2% 0.099 112.1)

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

#EBEDD1

Fresh Green · Beige · Lemon Cream

HEX

#EBEDD1

RGB

rgb(235, 237, 209)

HSL

hsl(64, 44%, 87%)

HSB

hsb(64, 12%, 93%)

CMYK

cmyk(1%, 0%, 12%, 7%)

Oklch

oklch(93.7% 0.037 110.4)

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

#E55C7C

Peach Pink · LightCoral · Coral Red

HEX

#E55C7C

RGB

rgb(229, 92, 124)

HSL

hsl(346, 72%, 63%)

HSB

hsb(346, 60%, 90%)

CMYK

cmyk(0%, 60%, 46%, 10%)

Oklch

oklch(65.8% 0.172 8.7)

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

#FF91AA

Peach Pink · LightPink · Coral Red

HEX

#FF91AA

RGB

rgb(255, 145, 170)

HSL

hsl(346, 100%, 78%)

HSB

hsb(346, 43%, 100%)

CMYK

cmyk(0%, 43%, 33%, 0%)

Oklch

oklch(78.0% 0.135 6.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAB063

6963B0

Analogous

B09063

AAB063

83B063

Triadic

AAB063

63AAB0

B063AA

Split-Comp.

AAB063

6383B0

9063B0

Tetradic

AAB063

63B090

6963B0

B06383

Contrast Matrix WCAG 2.1 Contrast

AAB063	CCD285	EBEDD1	E55C7C	FF91AA
—	1.4 Fail	1.9 Fail	1.5 Fail	1.1 Fail
1.4 Fail	—	1.3 Fail	2.1 Fail	1.3 Fail
1.9 Fail	1.3 Fail	—	2.9 Fail	1.8 Fail
1.5 Fail	2.1 Fail	2.9 Fail	—	1.6 Fail
1.1 Fail	1.3 Fail	1.8 Fail	1.6 Fail	—

White BG

2.3Fail

1.6Fail

1.2Fail

3.4AA Large

2.1Fail

Black BG

9.1AAA

13.1AAA

17.6AAA

6.2AA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAD76

CFCF98

ECECD8

AAA874

CFCEA4

Deuteranopia

ACAC7A

CECE9C

ECECD9

B2BC72

D6DEA3

Tritanopia

AA8488

CCA6AA

EBDDDE

DE6E6D

FA9F9E

Achromatopsia

A5A5A5

C7C7C7

E9E9E9

898989

B5B5B5

Shades & Tints Shades & Tints

#AAB063

Dark

Light

#CCD285

Dark

Light

#EBEDD1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aab063;
  --color-2: #ccd285;
  --color-3: #ebedd1;
  --color-4: #e55c7c;
  --color-5: #ff91aa;
}

SCSS

$color-1: #aab063;
$color-2: #ccd285;
$color-3: #ebedd1;
$color-4: #e55c7c;
$color-5: #ff91aa;

TAILWIND

colors: {
  'brand-1': '#aab063',
  'brand-2': '#ccd285',
  'brand-3': '#ebedd1',
  'brand-4': '#e55c7c',
  'brand-5': '#ff91aa',
}

RGB Array

[170, 176, 99], [204, 210, 133], [235, 237, 209], [229, 92, 124], [255, 145, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAB063, #CCD285, #EBEDD1, #E55C7C, #FF91AA 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: #aab063; --color-2: #ccd285; --color-3: #ebedd1; --color-4: #e55c7c; --color-5: #ff91aa. 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