What are the hex codes in the Teal & Dusty Blue Tale palette?

The Teal & Dusty Blue Tale color palette consists of Charcoal #2A4840, Teal #4F8179, Dusty Blue #7CAEA8, Fog #C2DAD8.

How should I use the Teal & Dusty Blue Tale palette on a website?

Use Fog #C2DAD8 as the background, Charcoal #2A4840 for text, Teal #4F8179 for buttons and links, and Dusty Blue #7CAEA8 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Fog at 6.82:1.

Which colors in Teal & Dusty Blue Tale have enough contrast for text?

The highest-contrast pair is #2A4840 on #C2DAD8 with a ratio of 6.82:1, which passes WCAG AA for normal text.

#2A4840Charcoal

#4F8179Teal

#7CAEA8Dusty Blue

#C2DAD8Fog

Teal & Dusty Blue Tale color palette

Gradient Muted Cold

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Charcoal	`#2A4840`	`rgb(42, 72, 64)`	`hsl(164, 26%, 22%)`	`oklch(37.5% 0.039 175)`
Teal	`#4F8179`	`rgb(79, 129, 121)`	`hsl(170, 24%, 41%)`	`oklch(56.5% 0.056 183)`
Dusty Blue	`#7CAEA8`	`rgb(124, 174, 168)`	`hsl(173, 24%, 58%)`	`oklch(71.4% 0.054 187)`
Fog	`#C2DAD8`	`rgb(194, 218, 216)`	`hsl(175, 24%, 81%)`	`oklch(87.0% 0.026 191)`

Why it works and how to use it

Teal & Dusty Blue Tale is a monochromatic color palette tagged gradient, muted, cold. All four colors sit within 11° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.

With 4 chromatic colors, Teal takes the lead while the rest support. Lightness runs from 22% to 81%. Well suited to websites, presentations and branding.

Background: Fog (#C2DAD8) is the lightest color, so it belongs on large surfaces.
Text: Charcoal (#2A4840) on #C2DAD8 gives 6.82:1, passing WCAG AA.
Primary: Teal (#4F8179) is the most saturated mid-tone; use it for buttons and links (3.01:1 against the background, fine for UI elements).
Accent: Dusty Blue (#7CAEA8) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Fog at 6.82:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Teal & Dusty Blue Tale

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#2A4840

#4F8179

#7CAEA8

#C2DAD8

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#2A4840` on `#C2DAD8`	Aa	6.82:1	AA
`#2A4840` on `#7CAEA8`	Aa	4.04:1	AA large only
`#4F8179` on `#C2DAD8`	Aa	3.01:1	AA large only
`#2A4840` on `#4F8179`	Aa	2.26:1	Fail
`#4F8179` on `#7CAEA8`	Aa	1.79:1	Fail
`#7CAEA8` on `#C2DAD8`	Aa	1.69:1	Fail

Similar palettes 24 more in this mood