← Back to Editor

#A1F0E6 · #A3A35B · #40766F · #5D5E1F · #161603

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A1F0E6

Jade · LightBlue · Glacier Blue

HEX
#A1F0E6
RGB
rgb(161, 240, 230)
HSL
hsl(172, 72%, 79%)
HSB
hsb(172, 33%, 94%)
CMYK
cmyk(33%, 0%, 4%, 6%)
Oklch
oklch(90.1% 0.079 185.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#A3A35B

Autumn Sage · DarkSeaGreen · Honey Gold

HEX
#A3A35B
RGB
rgb(163, 163, 91)
HSL
hsl(60, 28%, 50%)
HSB
hsb(60, 44%, 64%)
CMYK
cmyk(0%, 0%, 44%, 36%)
Oklch
oklch(69.9% 0.095 108.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#40766F

Mineral Blue · SeaGreen · Mint Ice

HEX
#40766F
RGB
rgb(64, 118, 111)
HSL
hsl(172, 30%, 36%)
HSB
hsb(172, 46%, 46%)
CMYK
cmyk(46%, 0%, 6%, 54%)
Oklch
oklch(52.6% 0.059 184.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5D5E1F

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#5D5E1F
RGB
rgb(93, 94, 31)
HSL
hsl(61, 50%, 25%)
HSB
hsb(61, 67%, 37%)
CMYK
cmyk(1%, 0%, 67%, 63%)
Oklch
oklch(46.7% 0.084 110.1)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#161603

Autumn Sage · Black · Amber Gold

HEX
#161603
RGB
rgb(22, 22, 3)
HSL
hsl(60, 76%, 5%)
HSB
hsb(60, 86%, 9%)
CMYK
cmyk(0%, 0%, 86%, 91%)
Oklch
oklch(19.5% 0.035 109.3)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1F0E6
F0A3AD

Analogous

A3F0BF
A1F0E6
A3D4F0

Triadic

A1F0E6
E6A3F0
F0E6A3

Split-Comp.

A1F0E6
F0A3D4
F0BFA3

Tetradic

A1F0E6
BFA3F0
F0A3AD
D4F0A3

Contrast Matrix WCAG 2.1 Contrast

A1F0E6
A3A35B
40766F
5D5E1F
161603
—
2.0
Fail
4.0
AA Large
5.2
AA
14.0
AAA
2.0
Fail
—
2.0
Fail
2.6
Fail
6.9
AA
4.0
AA Large
2.0
Fail
—
1.3
Fail
3.5
AA Large
5.2
AA
2.6
Fail
1.3
Fail
—
2.7
Fail
14.0
AAA
6.9
AA
3.5
AA Large
2.7
Fail
—
White BG
1.3Fail
2.6Fail
5.2AA
6.8AA
18.3AAA
Black BG
16.1AAA
7.9AAA
4.0AA Large
3.1AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C4E8
A3A36C
575871
5D5D2E
161608

Deuteranopia

BFB9E9
A3A371
545071
5D5D32
161609

Tritanopia

A5EAEB
A37A7D
437272
5D3A3D
160B0C

Achromatopsia

D7D7D7
9B9B9B
656565
575757
141414

Shades & Tints Shades & Tints

#A1F0E6

Dark
Light

#A3A35B

Dark
Light

#40766F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1f0e6;
  --color-2: #a3a35b;
  --color-3: #40766f;
  --color-4: #5d5e1f;
  --color-5: #161603;
}

SCSS

$color-1: #a1f0e6;
$color-2: #a3a35b;
$color-3: #40766f;
$color-4: #5d5e1f;
$color-5: #161603;

TAILWIND

colors: {
  'brand-1': '#a1f0e6',
  'brand-2': '#a3a35b',
  'brand-3': '#40766f',
  'brand-4': '#5d5e1f',
  'brand-5': '#161603',
}

RGB Array

[161, 240, 230], [163, 163, 91], [64, 118, 111], [93, 94, 31], [22, 22, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A1F0E6, #A3A35B, #40766F, #5D5E1F, #161603 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a1f0e6; --color-2: #a3a35b; --color-3: #40766f; --color-4: #5d5e1f; --color-5: #161603. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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