What are the hex codes in the Sunny Cyan & Wheat palette?

The Sunny Cyan & Wheat color palette consists of Obsidian #050A14, Charcoal #264158, Cyan #00ACF4, Wheat #FFDEAA.

How should I use the Sunny Cyan & Wheat palette on a website?

Use Wheat #FFDEAA as the background, Obsidian #050A14 for text, Cyan #00ACF4 for buttons and links, and Charcoal #264158 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Wheat at 15.36:1.

Which colors in Sunny Cyan & Wheat have enough contrast for text?

The highest-contrast pair is #050A14 on #FFDEAA with a ratio of 15.36:1, which passes WCAG AA for normal text.

#050A14Obsidian

#264158Charcoal

#00ACF4Cyan

#FFDEAAWheat

Sunny Cyan & Wheat color palette

Space Dark Black

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#050A14`	`rgb(5, 10, 20)`	`hsl(220, 60%, 5%)`	`oklch(14.4% 0.024 260)`
Charcoal	`#264158`	`rgb(38, 65, 88)`	`hsl(208, 40%, 25%)`	`oklch(36.5% 0.052 246)`
Cyan	`#00ACF4`	`rgb(0, 172, 244)`	`hsl(198, 100%, 48%)`	`oklch(70.6% 0.155 237)`
Wheat	`#FFDEAA`	`rgb(255, 222, 170)`	`hsl(37, 100%, 83%)`	`oklch(91.6% 0.076 79)`

Why it works and how to use it

Sunny Cyan & Wheat is a vivid complementary color palette tagged space, dark, black. Near-complementary hues (about 171° 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, Cyan takes the lead while the rest support. Lightness runs from 5% to 83%. Well suited to websites, presentations and branding.

Background: Wheat (#FFDEAA) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#050A14) on #FFDEAA gives 15.36:1, passing WCAG AAA.
Primary: Cyan (#00ACF4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Charcoal (#264158) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Wheat at 15.36:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Sunny Cyan & Wheat

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

#050A14

#264158

#00ACF4

#FFDEAA

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
`#050A14` on `#FFDEAA`	Aa	15.36:1	AAA
`#264158` on `#FFDEAA`	Aa	8.23:1	AAA
`#050A14` on `#00ACF4`	Aa	7.74:1	AAA
`#264158` on `#00ACF4`	Aa	4.15:1	AA large only
`#00ACF4` on `#FFDEAA`	Aa	1.98:1	Fail
`#050A14` on `#264158`	Aa	1.87:1	Fail

Similar palettes 24 more in this mood