#44C2AF + #CEB094 + #E3CB91 + #FBB28F + #AEDABE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#44C2AF

Mineral Blue · MediumTurquoise · Lake Green

HEX

#44C2AF

RGB

rgb(68, 194, 175)

HSL

hsl(171, 51%, 51%)

HSB

hsb(171, 65%, 76%)

CMYK

cmyk(65%, 0%, 10%, 24%)

Oklch

oklch(74.0% 0.113 181.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#CEB094

Apricot · Tan · Warm Sun

HEX

#CEB094

RGB

rgb(206, 176, 148)

HSL

hsl(29, 37%, 69%)

HSB

hsb(29, 28%, 81%)

CMYK

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

Oklch

oklch(77.6% 0.052 65.0)

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

#E3CB91

Goose Yellow · BurlyWood · Sunflower

HEX

#E3CB91

RGB

rgb(227, 203, 145)

HSL

hsl(42, 59%, 73%)

HSB

hsb(42, 36%, 89%)

CMYK

cmyk(0%, 11%, 36%, 11%)

Oklch

oklch(84.9% 0.080 88.1)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#FBB28F

Apricot · LightSalmon · Peach Orange

HEX

#FBB28F

RGB

rgb(251, 178, 143)

HSL

hsl(19, 93%, 77%)

HSB

hsb(19, 43%, 98%)

CMYK

cmyk(0%, 29%, 43%, 2%)

Oklch

oklch(82.4% 0.098 46.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#AEDABE

Celadon · Silver · Apple Green

HEX

#AEDABE

RGB

rgb(174, 218, 190)

HSL

hsl(142, 37%, 77%)

HSB

hsb(142, 20%, 85%)

CMYK

cmyk(20%, 0%, 13%, 15%)

Oklch

oklch(84.9% 0.060 157.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44C2AF

C24255

Analogous

42C26F

44C2AF

4295C2

Triadic

44C2AF

AF42C2

C2AF42

Split-Comp.

44C2AF

C24295

C26F42

Tetradic

44C2AF

6F42C2

C24255

95C242

Contrast Matrix WCAG 2.1 Contrast

44C2AF	CEB094	E3CB91	FBB28F	AEDABE
—	1.1 Fail	1.4 Fail	1.2 Fail	1.4 Fail
1.1 Fail	—	1.3 Fail	1.2 Fail	1.3 Fail
1.4 Fail	1.3 Fail	—	1.1 Fail	1.0 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.3 Fail	1.0 Fail	1.1 Fail	—

White BG

2.2Fail

2.0Fail

1.6Fail

1.8Fail

1.5Fail

Black BG

9.6AAA

10.3AAA

13.2AAA

11.9AAA

13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7CB4

C1C19B

D9D89F

DBDB97

C1C1C5

Deuteranopia

736AB5

C3C59C

DADCA2

E0E59A

BFBBC6

Tritanopia

4AB7B8

CDA0A1

E2AAAD

F79EA0

B0CACB

Achromatopsia

9A9A9A

B6B6B6

CCCCCC

C4C4C4

CACACA

Shades & Tints Shades & Tints

#44C2AF

Dark

Light

#CEB094

Dark

Light

#E3CB91

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44c2af;
  --color-2: #ceb094;
  --color-3: #e3cb91;
  --color-4: #fbb28f;
  --color-5: #aedabe;
}

SCSS

$color-1: #44c2af;
$color-2: #ceb094;
$color-3: #e3cb91;
$color-4: #fbb28f;
$color-5: #aedabe;

TAILWIND

colors: {
  'brand-1': '#44c2af',
  'brand-2': '#ceb094',
  'brand-3': '#e3cb91',
  'brand-4': '#fbb28f',
  'brand-5': '#aedabe',
}

RGB Array

[68, 194, 175], [206, 176, 148], [227, 203, 145], [251, 178, 143], [174, 218, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #44C2AF, #CEB094, #E3CB91, #FBB28F, #AEDABE 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: #44c2af; --color-2: #ceb094; --color-3: #e3cb91; --color-4: #fbb28f; --color-5: #aedabe. 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