What are the hex codes in the Steel Blue & Cobalt Dream palette?

The Steel Blue & Cobalt Dream color palette consists of Cobalt #183C85, Steel Blue #3681C7, Cyan #65B9F7, Snow #F5FBFF.

How should I use the Steel Blue & Cobalt Dream palette on a website?

Use Snow #F5FBFF as the background, Cobalt #183C85 for text, Cyan #65B9F7 for buttons and links, and Steel Blue #3681C7 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Cobalt on Snow at 9.94:1.

Which colors in Steel Blue & Cobalt Dream have enough contrast for text?

The highest-contrast pair is #183C85 on #F5FBFF with a ratio of 9.94:1, which passes WCAG AA for normal text.

#183C85Cobalt

#3681C7Steel Blue

#65B9F7Cyan

#F5FBFFSnow

Steel Blue & Cobalt Dream color palette

Gradient Cold Blue White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Cobalt	`#183C85`	`rgb(24, 60, 133)`	`hsl(220, 69%, 31%)`	`oklch(37.7% 0.130 262)`
Steel Blue	`#3681C7`	`rgb(54, 129, 199)`	`hsl(209, 57%, 50%)`	`oklch(59.0% 0.130 250)`
Cyan	`#65B9F7`	`rgb(101, 185, 247)`	`hsl(205, 90%, 68%)`	`oklch(75.8% 0.121 243)`
Snow	`#F5FBFF`	`rgb(245, 251, 255)`	`hsl(204, 100%, 98%)`	`oklch(98.5% 0.008 237)`

Why it works and how to use it

Steel Blue & Cobalt Dream is a vivid monochromatic color palette tagged gradient, cold, blue. All four colors sit within 15° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is cool.

With 3 chromatic colors, Cyan takes the lead while the rest support. Lightness runs from 31% to 98%. Well suited to websites, presentations and branding.

Background: Snow (#F5FBFF) is the lightest color, so it belongs on large surfaces.
Text: Cobalt (#183C85) on #F5FBFF gives 9.94:1, passing WCAG AAA.
Primary: Cyan (#65B9F7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Steel Blue (#3681C7) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Cobalt on Snow at 9.94:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Steel Blue & Cobalt Dream

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

#183C85

#3681C7

#65B9F7

#F5FBFF

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
`#183C85` on `#F5FBFF`	Aa	9.94:1	AAA
`#183C85` on `#65B9F7`	Aa	4.86:1	AA
`#3681C7` on `#F5FBFF`	Aa	3.93:1	AA large only
`#183C85` on `#3681C7`	Aa	2.53:1	Fail
`#65B9F7` on `#F5FBFF`	Aa	2.05:1	Fail
`#3681C7` on `#65B9F7`	Aa	1.92:1	Fail

Similar palettes 24 more in this mood