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

The Dusty Blue & Teal Bloom color palette consists of Teal #3F777C, Dusty Blue #76B7BD, Pearl #EFE2C7, Ivory #FFFAF0.

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

Use Ivory #FFFAF0 as the background, Teal #3F777C for text, Pearl #EFE2C7 for buttons and links, and Dusty Blue #76B7BD for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Teal on Ivory at 4.87:1.

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

The highest-contrast pair is #3F777C on #FFFAF0 with a ratio of 4.87:1, which passes WCAG AA for normal text.

#3F777CTeal

#76B7BDDusty Blue

#EFE2C7Pearl

#FFFAF0Ivory

Dusty Blue & Teal Bloom color palette

Vintage Muted Cold White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Teal	`#3F777C`	`rgb(63, 119, 124)`	`hsl(185, 33%, 37%)`	`oklch(53.3% 0.060 203)`
Dusty Blue	`#76B7BD`	`rgb(118, 183, 189)`	`hsl(185, 35%, 60%)`	`oklch(73.8% 0.067 203)`
Pearl	`#EFE2C7`	`rgb(239, 226, 199)`	`hsl(40, 56%, 86%)`	`oklch(91.6% 0.038 85)`
Ivory	`#FFFAF0`	`rgb(255, 250, 240)`	`hsl(40, 100%, 97%)`	`oklch(98.6% 0.014 85)`

Why it works and how to use it

Dusty Blue & Teal Bloom is a complementary color palette tagged vintage, muted, cold. Near-complementary hues (about 145° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Pearl takes the lead while the rest support. Lightness runs from 37% to 97%. Well suited to websites, presentations and branding.

Background: Ivory (#FFFAF0) is the lightest color, so it belongs on large surfaces.
Text: Teal (#3F777C) on #FFFAF0 gives 4.87:1, passing WCAG AA.
Primary: Pearl (#EFE2C7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dusty Blue (#76B7BD) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Teal on Ivory at 4.87:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Dusty Blue & Teal Bloom

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

#3F777C

#76B7BD

#EFE2C7

#FFFAF0

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
`#3F777C` on `#FFFAF0`	Aa	4.87:1	AA
`#3F777C` on `#EFE2C7`	Aa	3.95:1	AA large only
`#3F777C` on `#76B7BD`	Aa	2.24:1	Fail
`#76B7BD` on `#FFFAF0`	Aa	2.18:1	Fail
`#76B7BD` on `#EFE2C7`	Aa	1.76:1	Fail
`#EFE2C7` on `#FFFAF0`	Aa	1.23:1	Fail

Similar palettes 24 more in this mood