#65A8A5 + #5FC2A9 + #91C7A8 + #C1CCA1 + #FFBB91 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#65A8A5

Mineral Blue · CadetBlue · Lake Green

HEX

#65A8A5

RGB

rgb(101, 168, 165)

HSL

hsl(177, 28%, 53%)

HSB

hsb(177, 40%, 66%)

CMYK

cmyk(40%, 0%, 2%, 34%)

Oklch

oklch(68.6% 0.069 192.0)

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

#5FC2A9

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#5FC2A9

RGB

rgb(95, 194, 169)

HSL

hsl(165, 45%, 57%)

HSB

hsb(165, 51%, 76%)

CMYK

cmyk(51%, 0%, 13%, 24%)

Oklch

oklch(74.7% 0.101 174.7)

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

#91C7A8

Celadon · DarkSeaGreen · Apple Green

HEX

#91C7A8

RGB

rgb(145, 199, 168)

HSL

hsl(146, 33%, 67%)

HSB

hsb(146, 27%, 78%)

CMYK

cmyk(27%, 0%, 16%, 22%)

Oklch

oklch(78.3% 0.072 159.0)

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

#C1CCA1

Willow Green · Silver · Apple Green

HEX

#C1CCA1

RGB

rgb(193, 204, 161)

HSL

hsl(75, 30%, 72%)

HSB

hsb(75, 21%, 80%)

CMYK

cmyk(5%, 0%, 21%, 20%)

Oklch

oklch(82.6% 0.059 119.4)

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

#FFBB91

Apricot · BurlyWood · Peach Orange

HEX

#FFBB91

RGB

rgb(255, 187, 145)

HSL

hsl(23, 100%, 78%)

HSB

hsb(23, 43%, 100%)

CMYK

cmyk(0%, 27%, 43%, 0%)

Oklch

oklch(84.5% 0.097 52.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

65A8A5

A96669

Analogous

66A984

65A8A5

668BA9

Triadic

65A8A5

A566A9

A9A566

Split-Comp.

65A8A5

A9668B

A98466

Tetradic

65A8A5

8466A9

A96669

8BA966

Contrast Matrix WCAG 2.1 Contrast

65A8A5	5FC2A9	91C7A8	C1CCA1	FFBB91
—	1.3 Fail	1.4 Fail	1.6 Fail	1.7 Fail
1.3 Fail	—	1.1 Fail	1.3 Fail	1.3 Fail
1.4 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.6 Fail	1.3 Fail	1.1 Fail	—	1.0 Fail
1.7 Fail	1.3 Fail	1.2 Fail	1.0 Fail	—

White BG

2.7Fail

2.1Fail

1.9Fail

1.7Fail

1.6Fail

Black BG

7.7AAA

9.8AAA

10.9AAA

12.4AAA

12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8283A6

8A8BAF

A8A9B0

C6C6AB

E2E19B

Deuteranopia

7E79A6

847DB1

A5A1B1

C5C4AE

E6EB9E

Tritanopia

68A6A6

64B4B5

94B5B7

C2B4B5

FCA3A5

Achromatopsia

949494

A2A2A2

B3B3B3

C4C4C4

CBCBCB

Shades & Tints Shades & Tints

#65A8A5

Dark

Light

#5FC2A9

Dark

Light

#91C7A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #65a8a5;
  --color-2: #5fc2a9;
  --color-3: #91c7a8;
  --color-4: #c1cca1;
  --color-5: #ffbb91;
}

SCSS

$color-1: #65a8a5;
$color-2: #5fc2a9;
$color-3: #91c7a8;
$color-4: #c1cca1;
$color-5: #ffbb91;

TAILWIND

colors: {
  'brand-1': '#65a8a5',
  'brand-2': '#5fc2a9',
  'brand-3': '#91c7a8',
  'brand-4': '#c1cca1',
  'brand-5': '#ffbb91',
}

RGB Array

[101, 168, 165], [95, 194, 169], [145, 199, 168], [193, 204, 161], [255, 187, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #65A8A5, #5FC2A9, #91C7A8, #C1CCA1, #FFBB91 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: #65a8a5; --color-2: #5fc2a9; --color-3: #91c7a8; --color-4: #c1cca1; --color-5: #ffbb91. 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 sea-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