#ABA390 + #FFADA1 + #F0CAB7 + #ECD7C6 + #A5DAD0 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ABA390

Ginger · DarkGray · Sunflower

HEX

#ABA390

RGB

rgb(171, 163, 144)

HSL

hsl(42, 14%, 62%)

HSB

hsb(42, 16%, 67%)

CMYK

cmyk(0%, 5%, 16%, 33%)

Oklch

oklch(71.7% 0.028 87.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FFADA1

Peach Pink · LightPink · Cherry Blossom

HEX

#FFADA1

RGB

rgb(255, 173, 161)

HSL

hsl(8, 100%, 82%)

HSB

hsb(8, 37%, 100%)

CMYK

cmyk(0%, 32%, 37%, 0%)

Oklch

oklch(82.4% 0.099 28.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F0CAB7

Apricot · Wheat · Peach Orange

HEX

#F0CAB7

RGB

rgb(240, 202, 183)

HSL

hsl(20, 66%, 83%)

HSB

hsb(20, 24%, 94%)

CMYK

cmyk(0%, 16%, 24%, 6%)

Oklch

oklch(86.7% 0.050 48.1)

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

#ECD7C6

Apricot · Wheat · Peach Orange

HEX

#ECD7C6

RGB

rgb(236, 215, 198)

HSL

hsl(27, 50%, 85%)

HSB

hsb(27, 16%, 93%)

CMYK

cmyk(0%, 9%, 16%, 7%)

Oklch

oklch(89.2% 0.033 61.4)

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

#A5DAD0

Jade · LightBlue · Lake Green

HEX

#A5DAD0

RGB

rgb(165, 218, 208)

HSL

hsl(169, 42%, 75%)

HSB

hsb(169, 24%, 85%)

CMYK

cmyk(24%, 0%, 5%, 15%)

Oklch

oklch(84.9% 0.056 182.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ABA390

9199AC

Analogous

AC9691

ABA390

A6AC91

Triadic

ABA390

91ACA4

A491AC

Split-Comp.

ABA390

91A6AC

9691AC

Tetradic

ABA390

91AC96

9199AC

AC91A6

Contrast Matrix WCAG 2.1 Contrast

ABA390	FFADA1	F0CAB7	ECD7C6	A5DAD0
—	1.4 Fail	1.7 Fail	1.8 Fail	1.6 Fail
1.4 Fail	—	1.2 Fail	1.3 Fail	1.2 Fail
1.7 Fail	1.2 Fail	—	1.1 Fail	1.0 Fail
1.8 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.6 Fail	1.2 Fail	1.0 Fail	1.1 Fail	—

White BG

2.5Fail

1.8Fail

1.5Fail

1.4Fail

1.6Fail

Black BG

8.4AAA

11.7AAA

13.8AAA

15.1AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A795

DBDBA4

E0DFBC

E3E3CA

BCBCD2

Deuteranopia

A8A996

E0E6A5

E2E5BD

E4E6CB

B9B5D3

Tritanopia

AB9899

FBA6A7

EEBFC0

EBCDCE

A8D4D5

Achromatopsia

A3A3A3

C4C4C4

D3D3D3

DBDBDB

C9C9C9

Shades & Tints Shades & Tints

#ABA390

Dark

Light

#FFADA1

Dark

Light

#F0CAB7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aba390;
  --color-2: #ffada1;
  --color-3: #f0cab7;
  --color-4: #ecd7c6;
  --color-5: #a5dad0;
}

SCSS

$color-1: #aba390;
$color-2: #ffada1;
$color-3: #f0cab7;
$color-4: #ecd7c6;
$color-5: #a5dad0;

TAILWIND

colors: {
  'brand-1': '#aba390',
  'brand-2': '#ffada1',
  'brand-3': '#f0cab7',
  'brand-4': '#ecd7c6',
  'brand-5': '#a5dad0',
}

RGB Array

[171, 163, 144], [255, 173, 161], [240, 202, 183], [236, 215, 198], [165, 218, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #ABA390, #FFADA1, #F0CAB7, #ECD7C6, #A5DAD0 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: #aba390; --color-2: #ffada1; --color-3: #f0cab7; --color-4: #ecd7c6; --color-5: #a5dad0. 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 cool-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