What are the hex codes in the Ruby Gold & Carrot palette?

The Ruby Gold & Carrot color palette consists of Jade #00B091, Carrot #FC913A, Gold #F9D423, Peach #FFF3B0.

How should I use the Ruby Gold & Carrot palette on a website?

Use Peach #FFF3B0 as the background, Jade #00B091 for text, Carrot #FC913A for buttons and links, and Gold #F9D423 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Ruby Gold & Carrot have enough contrast for text?

The highest-contrast pair is #00B091 on #FFF3B0 with a ratio of 2.45:1, which does not meet WCAG AA; add a darker or lighter neutral for body text.

#00B091Jade

#FC913ACarrot

#F9D423Gold

#FFF3B0Peach

Ruby Gold & Carrot color palette

Vibrant Orange Yellow

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Jade	`#00B091`	`rgb(0, 176, 145)`	`hsl(169, 100%, 35%)`	`oklch(67.6% 0.128 174)`
Carrot	`#FC913A`	`rgb(252, 145, 58)`	`hsl(27, 97%, 61%)`	`oklch(75.7% 0.161 56)`
Gold	`#F9D423`	`rgb(249, 212, 35)`	`hsl(50, 95%, 56%)`	`oklch(87.6% 0.174 96)`
Peach	`#FFF3B0`	`rgb(255, 243, 176)`	`hsl(51, 100%, 85%)`	`oklch(95.8% 0.086 99)`

Why it works and how to use it

Ruby Gold & Carrot is a vivid complementary color palette tagged vibrant, orange, yellow. Near-complementary hues (about 142° 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 4 chromatic colors, Carrot takes the lead while the rest support. Lightness runs from 35% to 85%. Well suited to websites, presentations and branding.

Background: Peach (#FFF3B0) is the lightest color, so it belongs on large surfaces.
Text: Jade (#00B091) on #FFF3B0 gives 2.45:1, so pair it with a darker neutral for body copy.
Primary: Carrot (#FC913A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Gold (#F9D423) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Ruby Gold & Carrot

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

#00B091

#FC913A

#F9D423

#FFF3B0

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
`#00B091` on `#FFF3B0`	Aa	2.45:1	Fail
`#FC913A` on `#FFF3B0`	Aa	2.02:1	Fail
`#00B091` on `#F9D423`	Aa	1.9:1	Fail
`#FC913A` on `#F9D423`	Aa	1.56:1	Fail
`#F9D423` on `#FFF3B0`	Aa	1.29:1	Fail
`#00B091` on `#FC913A`	Aa	1.21:1	Fail

Similar palettes 24 more in this mood