What are the hex codes in the Sunny Rose & Cobalt palette?

The Sunny Rose & Cobalt color palette consists of Cobalt #0125A7, Rose #E734B5, Coral #FF9A63, Snow #F8F9FA.

How should I use the Sunny Rose & Cobalt palette on a website?

Use Snow #F8F9FA as the background, Cobalt #0125A7 for text, Coral #FF9A63 for buttons and links, and Rose #E734B5 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Cobalt on Snow at 10.92:1.

Which colors in Sunny Rose & Cobalt have enough contrast for text?

The highest-contrast pair is #0125A7 on #F8F9FA with a ratio of 10.92:1, which passes WCAG AA for normal text.

#0125A7Cobalt

#E734B5Rose

#FF9A63Coral

#F8F9FASnow

Sunny Rose & Cobalt color palette

Vibrant Neon Blue Orange White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Cobalt	`#0125A7`	`rgb(1, 37, 167)`	`hsl(227, 99%, 33%)`	`oklch(36.3% 0.205 264)`
Rose	`#E734B5`	`rgb(231, 52, 181)`	`hsl(317, 79%, 55%)`	`oklch(64.3% 0.244 342)`
Coral	`#FF9A63`	`rgb(255, 154, 99)`	`hsl(21, 100%, 69%)`	`oklch(78.0% 0.140 48)`
Snow	`#F8F9FA`	`rgb(248, 249, 250)`	`hsl(210, 17%, 98%)`	`oklch(98.2% 0.002 248)`

Why it works and how to use it

Sunny Rose & Cobalt is a vivid complementary color palette tagged vibrant, neon, blue. Near-complementary hues (about 154° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

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

Background: Snow (#F8F9FA) is the lightest color, so it belongs on large surfaces.
Text: Cobalt (#0125A7) on #F8F9FA gives 10.92:1, passing WCAG AAA.
Primary: Coral (#FF9A63) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Rose (#E734B5) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Sunny Rose & Cobalt

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

#0125A7

#E734B5

#FF9A63

#F8F9FA

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
`#0125A7` on `#F8F9FA`	Aa	10.92:1	AAA
`#0125A7` on `#FF9A63`	Aa	5.51:1	AA
`#E734B5` on `#F8F9FA`	Aa	3.59:1	AA large only
`#0125A7` on `#E734B5`	Aa	3.05:1	AA large only
`#FF9A63` on `#F8F9FA`	Aa	1.98:1	Fail
`#E734B5` on `#FF9A63`	Aa	1.81:1	Fail

Similar palettes 24 more in this mood