← Back to Editor

#266764 · #C6CE93 · #F3F0DB · #FFFDF2 · #7CC49E

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

#266764

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#266764
RGB
rgb(38, 103, 100)
HSL
hsl(177, 46%, 28%)
HSB
hsb(177, 63%, 40%)
CMYK
cmyk(63%, 0%, 3%, 60%)
Oklch
oklch(47.2% 0.065 190.9)

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

#C6CE93

Fresh Green · Tan · Sunflower

HEX
#C6CE93
RGB
rgb(198, 206, 147)
HSL
hsl(68, 38%, 69%)
HSB
hsb(68, 29%, 81%)
CMYK
cmyk(4%, 0%, 29%, 19%)
Oklch
oklch(83.1% 0.078 114.4)

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

#F3F0DB

Fresh Green · Beige · Lemon Cream

HEX
#F3F0DB
RGB
rgb(243, 240, 219)
HSL
hsl(53, 50%, 91%)
HSB
hsb(53, 10%, 95%)
CMYK
cmyk(0%, 1%, 10%, 5%)
Oklch
oklch(95.2% 0.028 100.3)

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

#FFFDF2

Fresh Green · Snow · Lemon Cream

HEX
#FFFDF2
RGB
rgb(255, 253, 242)
HSL
hsl(51, 100%, 97%)
HSB
hsb(51, 5%, 100%)
CMYK
cmyk(0%, 1%, 5%, 0%)
Oklch
oklch(99.3% 0.015 98.3)

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

#7CC49E

Celadon · DarkSeaGreen · Apple Green

HEX
#7CC49E
RGB
rgb(124, 196, 158)
HSL
hsl(148, 38%, 63%)
HSB
hsb(148, 37%, 77%)
CMYK
cmyk(37%, 0%, 19%, 23%)
Oklch
oklch(76.2% 0.091 160.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

266764
68272A

Analogous

276844
266764
274B68

Triadic

266764
652768
686527

Split-Comp.

266764
68274B
684427

Tetradic

266764
442768
68272A
4B6827

Contrast Matrix WCAG 2.1 Contrast

266764
C6CE93
F3F0DB
FFFDF2
7CC49E
—
3.9
AA Large
5.7
AA
6.4
AA
3.2
AA Large
3.9
AA Large
—
1.4
Fail
1.6
Fail
1.2
Fail
5.7
AA
1.4
Fail
—
1.1
Fail
1.8
Fail
6.4
AA
1.6
Fail
1.1
Fail
—
2.0
Fail
3.2
AA Large
1.2
Fail
1.8
Fail
2.0
Fail
—
White BG
6.5AA
1.7Fail
1.1Fail
1.0Fail
2.0Fail
Black BG
3.2AA Large
12.7AAA
18.3AAA
20.6AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

424365
C9CAA1
F2F2E0
FEFEF5
9B9CA7

Deuteranopia

3E3A65
C9C8A5
F2F2E1
FEFEF5
9792A9

Tritanopia

296565
C6ADAF
F3E4E5
FFF7F7
80AEB0

Achromatopsia

535353
C5C5C5
EFEFEF
FCFCFC
AAAAAA

Shades & Tints Shades & Tints

#266764

Dark
Light

#C6CE93

Dark
Light

#F3F0DB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #266764;
  --color-2: #c6ce93;
  --color-3: #f3f0db;
  --color-4: #fffdf2;
  --color-5: #7cc49e;
}

SCSS

$color-1: #266764;
$color-2: #c6ce93;
$color-3: #f3f0db;
$color-4: #fffdf2;
$color-5: #7cc49e;

TAILWIND

colors: {
  'brand-1': '#266764',
  'brand-2': '#c6ce93',
  'brand-3': '#f3f0db',
  'brand-4': '#fffdf2',
  'brand-5': '#7cc49e',
}

RGB Array

[38, 103, 100], [198, 206, 147], [243, 240, 219], [255, 253, 242], [124, 196, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #266764, #C6CE93, #F3F0DB, #FFFDF2, #7CC49E 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: #266764; --color-2: #c6ce93; --color-3: #f3f0db; --color-4: #fffdf2; --color-5: #7cc49e. 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