What are the hex codes in the Amethyst & Grape Dream palette?

The Amethyst & Grape Dream color palette consists of Space #37185D, Grape #783FBD, Amethyst #B76AFA, Apricot #FFC281.

How should I use the Amethyst & Grape Dream palette on a website?

Use Apricot #FFC281 as the background, Space #37185D for text, Amethyst #B76AFA for buttons and links, and Grape #783FBD for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Apricot at 9.16:1.

Which colors in Amethyst & Grape Dream have enough contrast for text?

The highest-contrast pair is #37185D on #FFC281 with a ratio of 9.16:1, which passes WCAG AA for normal text.

#37185DSpace

#783FBDGrape

#B76AFAAmethyst

#FFC281Apricot

Amethyst & Grape Dream color palette

Space Vibrant Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Space	`#37185D`	`rgb(55, 24, 93)`	`hsl(267, 59%, 23%)`	`oklch(29.6% 0.116 300)`
Grape	`#783FBD`	`rgb(120, 63, 189)`	`hsl(267, 50%, 49%)`	`oklch(50.4% 0.189 300)`
Amethyst	`#B76AFA`	`rgb(183, 106, 250)`	`hsl(272, 94%, 70%)`	`oklch(67.3% 0.211 306)`
Apricot	`#FFC281`	`rgb(255, 194, 129)`	`hsl(31, 100%, 75%)`	`oklch(85.5% 0.108 67)`

Why it works and how to use it

Amethyst & Grape Dream is a vivid split color palette tagged space, vibrant, purple. A split scheme: Space plays against Apricot across roughly 124° of hue. 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 4 chromatic colors, Amethyst takes the lead while the rest support. Lightness runs from 23% to 75%. Well suited to websites, presentations and branding.

Background: Apricot (#FFC281) is the lightest color, so it belongs on large surfaces.
Text: Space (#37185D) on #FFC281 gives 9.16:1, passing WCAG AAA.
Primary: Amethyst (#B76AFA) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Grape (#783FBD) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Apricot at 9.16:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Amethyst & Grape 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

#37185D

#783FBD

#B76AFA

#FFC281

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
`#37185D` on `#FFC281`	Aa	9.16:1	AAA
`#37185D` on `#B76AFA`	Aa	4.45:1	AA large only
`#783FBD` on `#FFC281`	Aa	4.09:1	AA large only
`#37185D` on `#783FBD`	Aa	2.24:1	Fail
`#B76AFA` on `#FFC281`	Aa	2.06:1	Fail
`#783FBD` on `#B76AFA`	Aa	1.99:1	Fail

Similar palettes 24 more in this mood