← Back to Editor

#69C9C8 · #55503D · #D89C54 · #EADC47 · #E6E895

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#69C9C8

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#69C9C8
RGB
rgb(105, 201, 200)
HSL
hsl(179, 47%, 60%)
HSB
hsb(179, 48%, 79%)
CMYK
cmyk(48%, 0%, 0%, 21%)
Oklch
oklch(77.7% 0.091 194.5)

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

#55503D

Ochre · DarkOliveGreen · Honey Gold

HEX
#55503D
RGB
rgb(85, 80, 61)
HSL
hsl(48, 16%, 29%)
HSB
hsb(48, 28%, 33%)
CMYK
cmyk(0%, 6%, 28%, 67%)
Oklch
oklch(43.0% 0.030 95.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D89C54

Ginger · SandyBrown · Warm Sun

HEX
#D89C54
RGB
rgb(216, 156, 84)
HSL
hsl(33, 63%, 59%)
HSB
hsb(33, 61%, 85%)
CMYK
cmyk(0%, 28%, 61%, 15%)
Oklch
oklch(73.6% 0.114 69.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#EADC47

Autumn Sage · SandyBrown · Sunflower

HEX
#EADC47
RGB
rgb(234, 220, 71)
HSL
hsl(55, 80%, 60%)
HSB
hsb(55, 70%, 92%)
CMYK
cmyk(0%, 6%, 70%, 8%)
Oklch
oklch(88.0% 0.163 103.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E6E895

Fresh Green · Khaki · Sunflower

HEX
#E6E895
RGB
rgb(230, 232, 149)
HSL
hsl(61, 64%, 75%)
HSB
hsb(61, 36%, 91%)
CMYK
cmyk(1%, 0%, 36%, 9%)
Oklch
oklch(91.1% 0.105 109.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

69C9C8
C9696B

Analogous

69C997
69C9C8
699BC9

Triadic

69C9C8
C769C9
C9C769

Split-Comp.

69C9C8
C9699B
C99769

Tetradic

69C9C8
9769C9
C9696B
9BC969

Contrast Matrix WCAG 2.1 Contrast

69C9C8
55503D
D89C54
EADC47
E6E895
—
4.1
AA Large
1.2
Fail
1.4
Fail
1.5
Fail
4.1
AA Large
—
3.4
AA Large
5.7
AA
6.3
AA
1.2
Fail
3.4
AA Large
—
1.7
Fail
1.9
Fail
1.4
Fail
5.7
AA
1.7
Fail
—
1.1
Fail
1.5
Fail
6.3
AA
1.9
Fail
1.1
Fail
—
White BG
1.9Fail
8.1AAA
2.4Fail
1.4Fail
1.3Fail
Black BG
10.8AAA
2.6Fail
8.8AAA
14.8AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9393C8
535342
BEBD65
E4E46B
E7E7A9

Deuteranopia

8D86C8
535443
C2C66A
E5E674
E7E7AE

Tritanopia

6EC8C8
554546
D57376
E9888E
E6B9BC

Achromatopsia

ACACAC
4F4F4F
A6A6A6
CFCFCF
DEDEDE

Shades & Tints Shades & Tints

#69C9C8

Dark
Light

#55503D

Dark
Light

#D89C54

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #69c9c8;
  --color-2: #55503d;
  --color-3: #d89c54;
  --color-4: #eadc47;
  --color-5: #e6e895;
}

SCSS

$color-1: #69c9c8;
$color-2: #55503d;
$color-3: #d89c54;
$color-4: #eadc47;
$color-5: #e6e895;

TAILWIND

colors: {
  'brand-1': '#69c9c8',
  'brand-2': '#55503d',
  'brand-3': '#d89c54',
  'brand-4': '#eadc47',
  'brand-5': '#e6e895',
}

RGB Array

[105, 201, 200], [85, 80, 61], [216, 156, 84], [234, 220, 71], [230, 232, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #69C9C8, #55503D, #D89C54, #EADC47, #E6E895 is ideal for: 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: #69c9c8; --color-2: #55503d; --color-3: #d89c54; --color-4: #eadc47; --color-5: #e6e895. 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. 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