#CAC5B2 + #C4BAA2 + #FDF3DD + #A4C9C6 + #C4C98A · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CAC5B2

Goose Yellow · Silver · Sunflower

HEX

#CAC5B2

RGB

rgb(202, 197, 178)

HSL

hsl(48, 18%, 75%)

HSB

hsb(48, 12%, 79%)

CMYK

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

Oklch

oklch(82.2% 0.027 94.8)

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

#C4BAA2

Ginger · Tan · Sunflower

HEX

#C4BAA2

RGB

rgb(196, 186, 162)

HSL

hsl(42, 22%, 70%)

HSB

hsb(42, 17%, 77%)

CMYK

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

Oklch

oklch(79.1% 0.035 88.1)

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

#FDF3DD

Goose Yellow · Beige · Lemon Cream

HEX

#FDF3DD

RGB

rgb(253, 243, 221)

HSL

hsl(41, 89%, 93%)

HSB

hsb(41, 13%, 99%)

CMYK

cmyk(0%, 4%, 13%, 1%)

Oklch

oklch(96.6% 0.031 86.5)

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

#A4C9C6

Jade · LightSteelBlue · Lake Green

HEX

#A4C9C6

RGB

rgb(164, 201, 198)

HSL

hsl(175, 26%, 72%)

HSB

hsb(175, 18%, 79%)

CMYK

cmyk(18%, 0%, 1%, 21%)

Oklch

oklch(80.8% 0.040 190.3)

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

#C4C98A

Fresh Green · Tan · Sunflower

HEX

#C4C98A

RGB

rgb(196, 201, 138)

HSL

hsl(65, 37%, 66%)

HSB

hsb(65, 31%, 79%)

CMYK

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

Oklch

oklch(81.7% 0.083 111.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAC5B2

B4B8CB

Analogous

CBBBB4

CAC5B2

C4CBB4

Triadic

CAC5B2

B4CBC6

C6B4CB

Split-Comp.

CAC5B2

B4C4CB

BBB4CB

Tetradic

CAC5B2

B4CBBB

B4B8CB

CBB4C4

Contrast Matrix WCAG 2.1 Contrast

CAC5B2	C4BAA2	FDF3DD	A4C9C6	C4C98A
—	1.1 Fail	1.6 Fail	1.0 Fail	1.0 Fail
1.1 Fail	—	1.7 Fail	1.1 Fail	1.1 Fail
1.6 Fail	1.7 Fail	—	1.6 Fail	1.6 Fail
1.0 Fail	1.1 Fail	1.6 Fail	—	1.0 Fail
1.0 Fail	1.1 Fail	1.6 Fail	1.0 Fail	—

White BG

1.7Fail

1.9Fail

1.1Fail

1.8Fail

1.7Fail

Black BG

12.1AAA

10.9AAA

19.0AAA

11.7AAA

12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8B7

C0C0A8

F9F9E2

B4B4C7

C6C699

Deuteranopia

C8C8B8

C0C1A9

F9FAE4

B2AFC7

C6C69D

Tritanopia

CABABB

C4ACAD

FDE7E7

A6C7C7

C4A5A8

Achromatopsia

C4C4C4

BABABA

F3F3F3

BEBEBE

C0C0C0

Shades & Tints Shades & Tints

#CAC5B2

Dark

Light

#C4BAA2

Dark

Light

#FDF3DD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cac5b2;
  --color-2: #c4baa2;
  --color-3: #fdf3dd;
  --color-4: #a4c9c6;
  --color-5: #c4c98a;
}

SCSS

$color-1: #cac5b2;
$color-2: #c4baa2;
$color-3: #fdf3dd;
$color-4: #a4c9c6;
$color-5: #c4c98a;

TAILWIND

colors: {
  'brand-1': '#cac5b2',
  'brand-2': '#c4baa2',
  'brand-3': '#fdf3dd',
  'brand-4': '#a4c9c6',
  'brand-5': '#c4c98a',
}

RGB Array

[202, 197, 178], [196, 186, 162], [253, 243, 221], [164, 201, 198], [196, 201, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #CAC5B2, #C4BAA2, #FDF3DD, #A4C9C6, #C4C98A 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: #cac5b2; --color-2: #c4baa2; --color-3: #fdf3dd; --color-4: #a4c9c6; --color-5: #c4c98a. 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