What are the hex codes in the Scarlet Slate Blue & Indigo palette?

The Scarlet Slate Blue & Indigo color palette consists of Indigo #582D79, Slate Blue #834CAE, Bone #E8D8D0, Smoke #F6F2EF.

How should I use the Scarlet Slate Blue & Indigo palette on a website?

Use Smoke #F6F2EF as the background, Indigo #582D79 for text, Slate Blue #834CAE for buttons and links, and Bone #E8D8D0 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Smoke at 9.13:1.

Which colors in Scarlet Slate Blue & Indigo have enough contrast for text?

The highest-contrast pair is #582D79 on #F6F2EF with a ratio of 9.13:1, which passes WCAG AA for normal text.

#582D79Indigo

#834CAESlate Blue

#E8D8D0Bone

#F6F2EFSmoke

Scarlet Slate Blue & Indigo color palette

Cold Purple White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Indigo	`#582D79`	`rgb(88, 45, 121)`	`hsl(274, 46%, 33%)`	`oklch(39.1% 0.128 308)`
Slate Blue	`#834CAE`	`rgb(131, 76, 174)`	`hsl(274, 39%, 49%)`	`oklch(52.5% 0.155 308)`
Bone	`#E8D8D0`	`rgb(232, 216, 208)`	`hsl(20, 34%, 86%)`	`oklch(89.3% 0.021 48)`
Smoke	`#F6F2EF`	`rgb(246, 242, 239)`	`hsl(26, 28%, 95%)`	`oklch(96.3% 0.006 60)`

Why it works and how to use it

Scarlet Slate Blue & Indigo is a split color palette tagged cold, purple, white. The hues span about 106°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

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

Background: Smoke (#F6F2EF) is the lightest color, so it belongs on large surfaces.
Text: Indigo (#582D79) on #F6F2EF gives 9.13:1, passing WCAG AAA.
Primary: Slate Blue (#834CAE) is the most saturated mid-tone; use it for buttons and links (5.23:1 against the background, fine for UI elements).
Accent: Bone (#E8D8D0) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Smoke at 9.13:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Scarlet Slate Blue & Indigo

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

#582D79

#834CAE

#E8D8D0

#F6F2EF

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
`#582D79` on `#F6F2EF`	Aa	9.13:1	AAA
`#582D79` on `#E8D8D0`	Aa	7.34:1	AAA
`#834CAE` on `#F6F2EF`	Aa	5.23:1	AA
`#834CAE` on `#E8D8D0`	Aa	4.2:1	AA large only
`#582D79` on `#834CAE`	Aa	1.75:1	Fail
`#E8D8D0` on `#F6F2EF`	Aa	1.24:1	Fail

Similar palettes 24 more in this mood