← Back to Editor

#A1CABE · #826A7F · #CBB7BE · #F3F2DB · #D3E3D8

sea

A 5-color sea 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

#A1CABE

Jade · Silver · Lake Green

HEX
#A1CABE
RGB
rgb(161, 202, 190)
HSL
hsl(162, 28%, 71%)
HSB
hsb(162, 20%, 79%)
CMYK
cmyk(20%, 0%, 6%, 21%)
Oklch
oklch(80.6% 0.047 175.3)

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

#826A7F

Rose Purple · Gray · Violet

HEX
#826A7F
RGB
rgb(130, 106, 127)
HSL
hsl(308, 10%, 46%)
HSB
hsb(308, 18%, 51%)
CMYK
cmyk(0%, 18%, 2%, 49%)
Oklch
oklch(55.5% 0.043 330.3)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#CBB7BE

Rouge · Silver · Cherry Blossom

HEX
#CBB7BE
RGB
rgb(203, 183, 190)
HSL
hsl(339, 16%, 76%)
HSB
hsb(339, 10%, 80%)
CMYK
cmyk(0%, 10%, 6%, 20%)
Oklch
oklch(79.8% 0.025 354.4)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F3F2DB

Fresh Green · Beige · Lemon Cream

HEX
#F3F2DB
RGB
rgb(243, 242, 219)
HSL
hsl(58, 50%, 91%)
HSB
hsb(58, 10%, 95%)
CMYK
cmyk(0%, 0%, 10%, 5%)
Oklch
oklch(95.6% 0.030 104.9)

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

#D3E3D8

Celadon · LightGray · Mint Green

HEX
#D3E3D8
RGB
rgb(211, 227, 216)
HSL
hsl(139, 22%, 86%)
HSB
hsb(139, 7%, 89%)
CMYK
cmyk(7%, 0%, 5%, 11%)
Oklch
oklch(90.1% 0.023 155.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1CABE
CAA0AD

Analogous

A0CAA9
A1CABE
A0C1CA

Triadic

A1CABE
BDA0CA
CABDA0

Split-Comp.

A1CABE
CAA0C1
CAA9A0

Tetradic

A1CABE
A9A0CA
CAA0AD
C1CAA0

Contrast Matrix WCAG 2.1 Contrast

A1CABE
826A7F
CBB7BE
F3F2DB
D3E3D8
—
2.7
Fail
1.1
Fail
1.6
Fail
1.3
Fail
2.7
Fail
—
2.6
Fail
4.3
AA Large
3.6
AA Large
1.1
Fail
2.6
Fail
—
1.7
Fail
1.4
Fail
1.6
Fail
4.3
AA Large
1.7
Fail
—
1.2
Fail
1.3
Fail
3.6
AA Large
1.4
Fail
1.2
Fail
—
White BG
1.8Fail
4.9AA
1.9Fail
1.1Fail
1.3Fail
Black BG
11.7AAA
4.3AA Large
11.1AAA
18.5AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B3C1
78777A
C2C2BC
F3F3E1
DADADB

Deuteranopia

B0ADC2
797B79
C4C5BC
F3F3E2
D9D8DB

Tritanopia

A3C3C4
817675
CABBBB
F3E5E6
D4DDDD

Achromatopsia

BCBCBC
747474
BEBEBE
F0F0F0
DDDDDD

Shades & Tints Shades & Tints

#A1CABE

Dark
Light

#826A7F

Dark
Light

#CBB7BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1cabe;
  --color-2: #826a7f;
  --color-3: #cbb7be;
  --color-4: #f3f2db;
  --color-5: #d3e3d8;
}

SCSS

$color-1: #a1cabe;
$color-2: #826a7f;
$color-3: #cbb7be;
$color-4: #f3f2db;
$color-5: #d3e3d8;

TAILWIND

colors: {
  'brand-1': '#a1cabe',
  'brand-2': '#826a7f',
  'brand-3': '#cbb7be',
  'brand-4': '#f3f2db',
  'brand-5': '#d3e3d8',
}

RGB Array

[161, 202, 190], [130, 106, 127], [203, 183, 190], [243, 242, 219], [211, 227, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A1CABE, #826A7F, #CBB7BE, #F3F2DB, #D3E3D8 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a1cabe; --color-2: #826a7f; --color-3: #cbb7be; --color-4: #f3f2db; --color-5: #d3e3d8. 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 sea-style 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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