← Back to Editor

#665E75 · #DDD034 · #FFEDEF · #A1C692 · #5EB99A

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

#665E75

Deep Indigo · DimGray · Violet

HEX
#665E75
RGB
rgb(102, 94, 117)
HSL
hsl(261, 11%, 41%)
HSB
hsb(261, 20%, 46%)
CMYK
cmyk(13%, 20%, 0%, 54%)
Oklch
oklch(49.8% 0.037 300.9)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#DDD034

Autumn Sage · GoldenRod · Sunflower

HEX
#DDD034
RGB
rgb(221, 208, 52)
HSL
hsl(55, 71%, 54%)
HSB
hsb(55, 76%, 87%)
CMYK
cmyk(0%, 6%, 76%, 13%)
Oklch
oklch(84.3% 0.164 104.4)

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

#FFEDEF

Peach Pink · SeaShell · Cherry Blossom

HEX
#FFEDEF
RGB
rgb(255, 237, 239)
HSL
hsl(353, 100%, 96%)
HSB
hsb(353, 7%, 100%)
CMYK
cmyk(0%, 7%, 6%, 0%)
Oklch
oklch(96.1% 0.020 9.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#A1C692

Celadon · DarkSeaGreen · Apple Green

HEX
#A1C692
RGB
rgb(161, 198, 146)
HSL
hsl(103, 31%, 67%)
HSB
hsb(103, 26%, 78%)
CMYK
cmyk(19%, 0%, 26%, 22%)
Oklch
oklch(78.6% 0.082 136.8)

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

#5EB99A

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#5EB99A
RGB
rgb(94, 185, 154)
HSL
hsl(160, 39%, 55%)
HSB
hsb(160, 49%, 73%)
CMYK
cmyk(49%, 0%, 17%, 27%)
Oklch
oklch(72.1% 0.099 169.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

665E75
6C745D

Analogous

5D6074
665E75
715D74

Triadic

665E75
74655D
5D7465

Split-Comp.

665E75
74715D
60745D

Tetradic

665E75
745D60
6C745D
5D7471

Contrast Matrix WCAG 2.1 Contrast

665E75
DDD034
FFEDEF
A1C692
5EB99A
—
3.8
AA Large
5.4
AA
3.2
AA Large
2.6
Fail
3.8
AA Large
—
1.4
Fail
1.2
Fail
1.5
Fail
5.4
AA
1.4
Fail
—
1.7
Fail
2.1
Fail
3.2
AA Large
1.2
Fail
1.7
Fail
—
1.2
Fail
2.6
Fail
1.5
Fail
2.1
Fail
1.2
Fail
—
White BG
6.1AA
1.6Fail
1.1Fail
1.9Fail
2.4Fail
Black BG
3.4AA Large
13.1AAA
18.6AAA
11.0AAA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

63626F
D7D75A
F7F7EF
B1B19F
8586A2

Deuteranopia

63646E
D8D963
F8FAEE
AFACA2
8079A3

Tritanopia

666B6A
DC787E
FEEEEE
A3A9AB
63A7A9

Achromatopsia

636363
C2C2C2
F3F3F3
B5B5B5
9A9A9A

Shades & Tints Shades & Tints

#665E75

Dark
Light

#DDD034

Dark
Light

#FFEDEF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #665e75;
  --color-2: #ddd034;
  --color-3: #ffedef;
  --color-4: #a1c692;
  --color-5: #5eb99a;
}

SCSS

$color-1: #665e75;
$color-2: #ddd034;
$color-3: #ffedef;
$color-4: #a1c692;
$color-5: #5eb99a;

TAILWIND

colors: {
  'brand-1': '#665e75',
  'brand-2': '#ddd034',
  'brand-3': '#ffedef',
  'brand-4': '#a1c692',
  'brand-5': '#5eb99a',
}

RGB Array

[102, 94, 117], [221, 208, 52], [255, 237, 239], [161, 198, 146], [94, 185, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #665E75, #DDD034, #FFEDEF, #A1C692, #5EB99A 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: #665e75; --color-2: #ddd034; --color-3: #ffedef; --color-4: #a1c692; --color-5: #5eb99a. 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