What are the hex codes in the Bright Grape & Amber palette?

The Bright Grape & Amber color palette consists of Teal #009193, Grape #7B2CBF, Amber #FFC300, White #FDFDFD.

How should I use the Bright Grape & Amber palette on a website?

Use White #FDFDFD as the background, Grape #7B2CBF for text, Teal #009193 for buttons and links, and Amber #FFC300 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Grape on White at 6.99:1.

Which colors in Bright Grape & Amber have enough contrast for text?

The highest-contrast pair is #7B2CBF on #FDFDFD with a ratio of 6.99:1, which passes WCAG AA for normal text.

#009193Teal

#7B2CBFGrape

#FFC300Amber

#FDFDFDWhite

Bright Grape & Amber color palette

Vibrant Teal Purple Yellow White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Teal	`#009193`	`rgb(0, 145, 147)`	`hsl(181, 100%, 29%)`	`oklch(59.5% 0.101 196)`
Grape	`#7B2CBF`	`rgb(123, 44, 191)`	`hsl(272, 63%, 46%)`	`oklch(48.7% 0.213 304)`
Amber	`#FFC300`	`rgb(255, 195, 0)`	`hsl(46, 100%, 50%)`	`oklch(84.8% 0.174 86)`
White	`#FDFDFD`	`rgb(253, 253, 253)`	`hsl(0, 0%, 99%)`	`oklch(99.4% 0.000 0)`

Why it works and how to use it

Bright Grape & Amber is a vivid complementary color palette tagged vibrant, teal, purple. Teal and Amber sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Teal takes the lead while the rest support. Lightness runs from 29% to 99%. Well suited to websites, presentations and branding.

Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
Text: Grape (#7B2CBF) on #FDFDFD gives 6.99:1, passing WCAG AA.
Primary: Teal (#009193) is the most saturated mid-tone; use it for buttons and links (3.77:1 against the background, fine for UI elements).
Accent: Amber (#FFC300) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Grape on White at 6.99:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Bright Grape & Amber

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

#009193

#7B2CBF

#FFC300

#FDFDFD

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
`#7B2CBF` on `#FDFDFD`	Aa	6.99:1	AA
`#7B2CBF` on `#FFC300`	Aa	4.42:1	AA large only
`#009193` on `#FDFDFD`	Aa	3.77:1	AA large only
`#009193` on `#FFC300`	Aa	2.39:1	Fail
`#009193` on `#7B2CBF`	Aa	1.85:1	Fail
`#FFC300` on `#FDFDFD`	Aa	1.58:1	Fail

Similar palettes 24 more in this mood