#A0D5B9 + #A1C4BC + #78507F + #AB3F72 + #FFC94C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A0D5B9

Celadon · Silver · Apple Green

HEX

#A0D5B9

RGB

rgb(160, 213, 185)

HSL

hsl(148, 39%, 73%)

HSB

hsb(148, 25%, 84%)

CMYK

cmyk(25%, 0%, 13%, 16%)

Oklch

oklch(82.8% 0.068 161.4)

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

#A1C4BC

Jade · Silver · Lake Green

HEX

#A1C4BC

RGB

rgb(161, 196, 188)

HSL

hsl(166, 23%, 70%)

HSB

hsb(166, 18%, 77%)

CMYK

cmyk(18%, 0%, 4%, 23%)

Oklch

oklch(79.2% 0.039 179.8)

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

#78507F

Dark Plum · DimGray · Violet

HEX

#78507F

RGB

rgb(120, 80, 127)

HSL

hsl(291, 23%, 41%)

HSB

hsb(291, 37%, 50%)

CMYK

cmyk(6%, 37%, 0%, 50%)

Oklch

oklch(49.3% 0.087 321.4)

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

#AB3F72

Dark Violet · MediumVioletRed · Camellia

HEX

#AB3F72

RGB

rgb(171, 63, 114)

HSL

hsl(332, 46%, 46%)

HSB

hsb(332, 63%, 67%)

CMYK

cmyk(0%, 63%, 33%, 33%)

Oklch

oklch(53.2% 0.151 354.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#FFC94C

Ginger · SandyBrown · Sunflower

HEX

#FFC94C

RGB

rgb(255, 201, 76)

HSL

hsl(42, 100%, 65%)

HSB

hsb(42, 70%, 100%)

CMYK

cmyk(0%, 21%, 70%, 0%)

Oklch

oklch(86.2% 0.150 84.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0D5B9

D59FBC

Analogous

A1D59F

A0D5B9

9FD5D3

Triadic

A0D5B9

B89FD5

D5B89F

Split-Comp.

A0D5B9

D39FD5

D59FA1

Tetradic

A0D5B9

9FA1D5

D59FBC

D5D39F

Contrast Matrix WCAG 2.1 Contrast

A0D5B9	A1C4BC	78507F	AB3F72	FFC94C
—	1.1 Fail	3.9 AA Large	3.4 AA Large	1.1 Fail
1.1 Fail	—	3.4 AA Large	3.0 AA Large	1.2 Fail
3.9 AA Large	3.4 AA Large	—	1.1 Fail	4.2 AA Large
3.4 AA Large	3.0 AA Large	1.1 Fail	—	3.7 AA Large
1.1 Fail	1.2 Fail	4.2 AA Large	3.7 AA Large	—

White BG

1.7Fail

1.9Fail

6.5AA

5.7AA

1.5Fail

Black BG

12.7AAA

11.1AAA

3.3AA Large

3.7AA Large

13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7C0

B0B0BE

676674

7C7B66

E8E76A

Deuteranopia

B4B0C1

AEACBE

696C71

838B63

EBEF72

Tritanopia

A3C5C6

A3BFC0

766B69

A65C5A

FC8287

Achromatopsia

C2C2C2

B9B9B9

616161

656565

CBCBCB

Shades & Tints Shades & Tints

#A0D5B9

Dark

Light

#A1C4BC

Dark

Light

#78507F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0d5b9;
  --color-2: #a1c4bc;
  --color-3: #78507f;
  --color-4: #ab3f72;
  --color-5: #ffc94c;
}

SCSS

$color-1: #a0d5b9;
$color-2: #a1c4bc;
$color-3: #78507f;
$color-4: #ab3f72;
$color-5: #ffc94c;

TAILWIND

colors: {
  'brand-1': '#a0d5b9',
  'brand-2': '#a1c4bc',
  'brand-3': '#78507f',
  'brand-4': '#ab3f72',
  'brand-5': '#ffc94c',
}

RGB Array

[160, 213, 185], [161, 196, 188], [120, 80, 127], [171, 63, 114], [255, 201, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0D5B9, #A1C4BC, #78507F, #AB3F72, #FFC94C is ideal for: corporate websites, product showcases, portfolios. 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: #a0d5b9; --color-2: #a1c4bc; --color-3: #78507f; --color-4: #ab3f72; --color-5: #ffc94c. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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