#65F0E2 + #BEF0EB + #F2ECE6 + #F2D7BB + #C4AD97 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#65F0E2

Jade · Turquoise · Lake Green

HEX

#65F0E2

RGB

rgb(101, 240, 226)

HSL

hsl(174, 82%, 67%)

HSB

hsb(174, 58%, 94%)

CMYK

cmyk(58%, 0%, 6%, 6%)

Oklch

oklch(87.5% 0.122 186.1)

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

#BEF0EB

Jade · LightBlue · Glacier Blue

HEX

#BEF0EB

RGB

rgb(190, 240, 235)

HSL

hsl(174, 62%, 84%)

HSB

hsb(174, 21%, 94%)

CMYK

cmyk(21%, 0%, 2%, 6%)

Oklch

oklch(91.9% 0.052 188.8)

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

#F2ECE6

Goose Yellow · Linen · Peach Orange

HEX

#F2ECE6

RGB

rgb(242, 236, 230)

HSL

hsl(30, 32%, 93%)

HSB

hsb(30, 5%, 95%)

CMYK

cmyk(0%, 2%, 5%, 5%)

Oklch

oklch(94.6% 0.010 67.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F2D7BB

Goose Yellow · Wheat · Peach Orange

HEX

#F2D7BB

RGB

rgb(242, 215, 187)

HSL

hsl(31, 68%, 84%)

HSB

hsb(31, 23%, 95%)

CMYK

cmyk(0%, 11%, 23%, 5%)

Oklch

oklch(89.4% 0.048 68.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C4AD97

Apricot · Tan · Warm Sun

HEX

#C4AD97

RGB

rgb(196, 173, 151)

HSL

hsl(29, 28%, 68%)

HSB

hsb(29, 23%, 77%)

CMYK

cmyk(0%, 12%, 23%, 23%)

Oklch

oklch(76.2% 0.041 65.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

65F0E2

F06674

Analogous

66F09D

65F0E2

66B9F0

Triadic

65F0E2

E266F0

F0E266

Split-Comp.

65F0E2

F066B9

F09D66

Tetradic

65F0E2

9D66F0

F06674

B9F066

Contrast Matrix WCAG 2.1 Contrast

65F0E2	BEF0EB	F2ECE6	F2D7BB	C4AD97
—	1.1 Fail	1.2 Fail	1.0 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.7 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.8 Fail
1.0 Fail	1.1 Fail	1.2 Fail	—	1.6 Fail
1.5 Fail	1.7 Fail	1.8 Fail	1.6 Fail	—

White BG

1.4Fail

1.2Fail

1.4Fail

2.1Fail

Black BG

15.1AAA

16.9AAA

17.9AAA

15.2AAA

9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A2E5

D4D4EC

EFEFE7

E6E6C2

BABA9C

Deuteranopia

998FE6

D1CDED

F0F0E8

E8EAC3

BBBD9E

Tritanopia

6CE8E9

C1EDED

F2E9E9

F1C7C8

C3A1A1

Achromatopsia

C5C5C5

E0E0E0

EDEDED

DCDCDC

B1B1B1

Shades & Tints Shades & Tints

#65F0E2

Dark

Light

#BEF0EB

Dark

Light

#F2ECE6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #65f0e2;
  --color-2: #bef0eb;
  --color-3: #f2ece6;
  --color-4: #f2d7bb;
  --color-5: #c4ad97;
}

SCSS

$color-1: #65f0e2;
$color-2: #bef0eb;
$color-3: #f2ece6;
$color-4: #f2d7bb;
$color-5: #c4ad97;

TAILWIND

colors: {
  'brand-1': '#65f0e2',
  'brand-2': '#bef0eb',
  'brand-3': '#f2ece6',
  'brand-4': '#f2d7bb',
  'brand-5': '#c4ad97',
}

RGB Array

[101, 240, 226], [190, 240, 235], [242, 236, 230], [242, 215, 187], [196, 173, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #65F0E2, #BEF0EB, #F2ECE6, #F2D7BB, #C4AD97 is ideal for: health products, baby brands, fresh-style blogs. 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: #65f0e2; --color-2: #bef0eb; --color-3: #f2ece6; --color-4: #f2d7bb; --color-5: #c4ad97. 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. 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