What are the hex codes in the Cadet & Gunmetal Muse palette?

The Cadet & Gunmetal Muse color palette consists of Bone #D5DFDC, Silver #AED0C6, Cadet #489D8B, Gunmetal #043730.

How should I use the Cadet & Gunmetal Muse palette on a website?

Use Bone #D5DFDC as the background, Gunmetal #043730 for text, Cadet #489D8B for buttons and links, and Silver #AED0C6 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Gunmetal at 9.67:1.

Which colors in Cadet & Gunmetal Muse have enough contrast for text?

The highest-contrast pair is #D5DFDC on #043730 with a ratio of 9.67:1, which passes WCAG AA for normal text.

#D5DFDCBone

#AED0C6Silver

#489D8BCadet

#043730Gunmetal

Cadet & Gunmetal Muse color palette

Cold Muted Minimal Gray Teal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Bone	`#D5DFDC`	`rgb(213, 223, 220)`	`hsl(162, 14%, 85%)`	`oklch(89.5% 0.011 176)`
Silver	`#AED0C6`	`rgb(174, 208, 198)`	`hsl(162, 27%, 75%)`	`oklch(83.0% 0.039 176)`
Cadet	`#489D8B`	`rgb(72, 157, 139)`	`hsl(167, 37%, 45%)`	`oklch(63.8% 0.087 177)`
Gunmetal	`#043730`	`rgb(4, 55, 48)`	`hsl(172, 86%, 12%)`	`oklch(30.3% 0.052 181)`

Why it works and how to use it

Cadet & Gunmetal Muse is a monochromatic color palette tagged cold, muted, minimal. All four colors sit within 10° 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 3 chromatic colors, Cadet takes the lead while the rest support. Lightness runs from 12% to 85%. Well suited to websites, presentations and branding.

Background: Bone (#D5DFDC) is the lightest color, so it belongs on large surfaces.
Text: Gunmetal (#043730) on #D5DFDC gives 9.67:1, passing WCAG AAA.
Primary: Cadet (#489D8B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Silver (#AED0C6) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Gunmetal at 9.67:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Cadet & Gunmetal Muse

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

#D5DFDC

#AED0C6

#489D8B

#043730

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
`#D5DFDC` on `#043730`	Aa	9.67:1	AAA
`#AED0C6` on `#043730`	Aa	7.93:1	AAA
`#489D8B` on `#043730`	Aa	4.06:1	AA large only
`#D5DFDC` on `#489D8B`	Aa	2.38:1	Fail
`#AED0C6` on `#489D8B`	Aa	1.95:1	Fail
`#D5DFDC` on `#AED0C6`	Aa	1.22:1	Fail

Similar palettes 24 more in this mood