← Back to Editor

#64F5E6 · #EBE3D1 · #D1C8B0 · #0AA69E · #BFB9A3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#64F5E6

Jade · Turquoise · Lake Green

HEX
#64F5E6
RGB
rgb(100, 245, 230)
HSL
hsl(174, 88%, 68%)
HSB
hsb(174, 59%, 96%)
CMYK
cmyk(59%, 0%, 6%, 4%)
Oklch
oklch(88.8% 0.126 185.8)

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

#EBE3D1

Goose Yellow · Beige · Lemon Cream

HEX
#EBE3D1
RGB
rgb(235, 227, 209)
HSL
hsl(42, 39%, 87%)
HSB
hsb(42, 11%, 92%)
CMYK
cmyk(0%, 3%, 11%, 8%)
Oklch
oklch(91.7% 0.026 86.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D1C8B0

Goose Yellow · Silver · Sunflower

HEX
#D1C8B0
RGB
rgb(209, 200, 176)
HSL
hsl(44, 26%, 75%)
HSB
hsb(44, 16%, 82%)
CMYK
cmyk(0%, 4%, 16%, 18%)
Oklch
oklch(83.4% 0.034 89.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#0AA69E

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0AA69E
RGB
rgb(10, 166, 158)
HSL
hsl(177, 89%, 35%)
HSB
hsb(177, 94%, 65%)
CMYK
cmyk(94%, 0%, 5%, 35%)
Oklch
oklch(65.4% 0.112 188.7)

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

#BFB9A3

Ginger · DarkGray · Sunflower

HEX
#BFB9A3
RGB
rgb(191, 185, 163)
HSL
hsl(47, 18%, 69%)
HSB
hsb(47, 15%, 75%)
CMYK
cmyk(0%, 3%, 15%, 25%)
Oklch
oklch(78.5% 0.031 94.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

64F5E6
F56674

Analogous

66F59F
64F5E6
66BCF5

Triadic

64F5E6
E766F5
F5E766

Split-Comp.

64F5E6
F566BC
F59F66

Tetradic

64F5E6
9F66F5
F56674
BCF566

Contrast Matrix WCAG 2.1 Contrast

64F5E6
EBE3D1
D1C8B0
0AA69E
BFB9A3
—
1.0
Fail
1.2
Fail
2.3
Fail
1.5
Fail
1.0
Fail
—
1.3
Fail
2.4
Fail
1.5
Fail
1.2
Fail
1.3
Fail
—
1.8
Fail
1.2
Fail
2.3
Fail
2.4
Fail
1.8
Fail
—
1.5
Fail
1.5
Fail
1.5
Fail
1.2
Fail
1.5
Fail
—
White BG
1.3Fail
1.3Fail
1.7Fail
3.0AA Large
2.0Fail
Black BG
15.7AAA
16.4AAA
12.6AAA
7.0AA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A4EA
E8E7D5
CDCDB6
4E4FA0
BCBCA8

Deuteranopia

9A90EB
E8E9D6
CECEB7
4539A0
BDBDAA

Tritanopia

6BECED
EBD9DA
D1BABB
12A1A2
BFADAD

Achromatopsia

C8C8C8
E3E3E3
C8C8C8
767676
B8B8B8

Shades & Tints Shades & Tints

#64F5E6

Dark
Light

#EBE3D1

Dark
Light

#D1C8B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #64f5e6;
  --color-2: #ebe3d1;
  --color-3: #d1c8b0;
  --color-4: #0aa69e;
  --color-5: #bfb9a3;
}

SCSS

$color-1: #64f5e6;
$color-2: #ebe3d1;
$color-3: #d1c8b0;
$color-4: #0aa69e;
$color-5: #bfb9a3;

TAILWIND

colors: {
  'brand-1': '#64f5e6',
  'brand-2': '#ebe3d1',
  'brand-3': '#d1c8b0',
  'brand-4': '#0aa69e',
  'brand-5': '#bfb9a3',
}

RGB Array

[100, 245, 230], [235, 227, 209], [209, 200, 176], [10, 166, 158], [191, 185, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #64F5E6, #EBE3D1, #D1C8B0, #0AA69E, #BFB9A3 is ideal for: health products, baby brands, fresh-style blogs, 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: #64f5e6; --color-2: #ebe3d1; --color-3: #d1c8b0; --color-4: #0aa69e; --color-5: #bfb9a3. 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. 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