#AEE1C0 + #E2E7A1 + #F5A188 + #D8628C + #63546C · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#AEE1C0

Celadon · Silver · Apple Green

HEX

#AEE1C0

RGB

rgb(174, 225, 192)

HSL

hsl(141, 46%, 78%)

HSB

hsb(141, 23%, 88%)

CMYK

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

Oklch

oklch(86.5% 0.070 156.3)

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

#E2E7A1

Fresh Green · Khaki · Lemon Cream

HEX

#E2E7A1

RGB

rgb(226, 231, 161)

HSL

hsl(64, 59%, 77%)

HSB

hsb(64, 30%, 91%)

CMYK

cmyk(2%, 0%, 30%, 9%)

Oklch

oklch(90.8% 0.090 111.5)

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

#F5A188

Peach Pink · LightSalmon · Coral Red

HEX

#F5A188

RGB

rgb(245, 161, 136)

HSL

hsl(14, 84%, 75%)

HSB

hsb(14, 44%, 96%)

CMYK

cmyk(0%, 34%, 44%, 4%)

Oklch

oklch(78.6% 0.107 37.3)

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

#D8628C

Rouge · LightCoral · Rose Pink

HEX

#D8628C

RGB

rgb(216, 98, 140)

HSL

hsl(339, 60%, 62%)

HSB

hsb(339, 55%, 85%)

CMYK

cmyk(0%, 55%, 35%, 15%)

Oklch

oklch(65.2% 0.154 359.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#63546C

Dark Plum · DimGray · Eggplant

HEX

#63546C

RGB

rgb(99, 84, 108)

HSL

hsl(278, 13%, 38%)

HSB

hsb(278, 22%, 42%)

CMYK

cmyk(8%, 22%, 0%, 58%)

Oklch

oklch(47.0% 0.042 312.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEE1C0

E1ADCF

Analogous

B5E1AD

AEE1C0

ADE1D9

Triadic

AEE1C0

BFADE1

E1BFAD

Split-Comp.

AEE1C0

D9ADE1

E1ADB5

Tetradic

AEE1C0

ADB5E1

E1ADCF

E1D9AD

Contrast Matrix WCAG 2.1 Contrast

AEE1C0	E2E7A1	F5A188	D8628C	63546C
—	1.1 Fail	1.4 Fail	2.4 Fail	4.8 AA
1.1 Fail	—	1.6 Fail	2.7 Fail	5.4 AA
1.4 Fail	1.6 Fail	—	1.7 Fail	3.4 AA Large
2.4 Fail	2.7 Fail	1.7 Fail	—	2.0 Fail
4.8 AA	5.4 AA	3.4 AA Large	2.0 Fail	—

White BG

1.5Fail

1.3Fail

2.0Fail

3.5AA Large

7.0AA

Black BG

14.3AAA

16.2AAA

10.3AAA

6.0AA

3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C5C8

E4E4B2

D1D08E

A5A482

5D5C66

Deuteranopia

C1BDCA

E4E4B6

D6DC90

ACB57F

5D5F65

Tritanopia

B1CED0

E2BFC2

F19394

D27A78

626261

Achromatopsia

CECECE

DEDEDE

B7B7B7

8A8A8A

5B5B5B

Shades & Tints Shades & Tints

#AEE1C0

Dark

Light

#E2E7A1

Dark

Light

#F5A188

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aee1c0;
  --color-2: #e2e7a1;
  --color-3: #f5a188;
  --color-4: #d8628c;
  --color-5: #63546c;
}

SCSS

$color-1: #aee1c0;
$color-2: #e2e7a1;
$color-3: #f5a188;
$color-4: #d8628c;
$color-5: #63546c;

TAILWIND

colors: {
  'brand-1': '#aee1c0',
  'brand-2': '#e2e7a1',
  'brand-3': '#f5a188',
  'brand-4': '#d8628c',
  'brand-5': '#63546c',
}

RGB Array

[174, 225, 192], [226, 231, 161], [245, 161, 136], [216, 98, 140], [99, 84, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #AEE1C0, #E2E7A1, #F5A188, #D8628C, #63546C 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: #aee1c0; --color-2: #e2e7a1; --color-3: #f5a188; --color-4: #d8628c; --color-5: #63546c. 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 minimal-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