What are the hex codes in the Crimson Mahogany & Carrot palette?

The Crimson Mahogany & Carrot color palette consists of Prussian Blue #112D4C, Mahogany #C64700, Carrot #E38F00, Vanilla #E1E5BA.

How should I use the Crimson Mahogany & Carrot palette on a website?

Use Vanilla #E1E5BA as the background, Prussian Blue #112D4C for text, Mahogany #C64700 for buttons and links, and Carrot #E38F00 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Prussian Blue on Vanilla at 10.72:1.

Which colors in Crimson Mahogany & Carrot have enough contrast for text?

The highest-contrast pair is #112D4C on #E1E5BA with a ratio of 10.72:1, which passes WCAG AA for normal text.

#112D4CPrussian Blue

#C64700Mahogany

#E38F00Carrot

#E1E5BAVanilla

Crimson Mahogany & Carrot color palette

Retro Vibrant Orange

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Prussian Blue	`#112D4C`	`rgb(17, 45, 76)`	`hsl(212, 63%, 18%)`	`oklch(29.3% 0.066 253)`
Mahogany	`#C64700`	`rgb(198, 71, 0)`	`hsl(22, 100%, 39%)`	`oklch(56.7% 0.174 41)`
Carrot	`#E38F00`	`rgb(227, 143, 0)`	`hsl(38, 100%, 45%)`	`oklch(72.0% 0.157 69)`
Vanilla	`#E1E5BA`	`rgb(225, 229, 186)`	`hsl(66, 45%, 81%)`	`oklch(90.8% 0.057 112)`

Why it works and how to use it

Crimson Mahogany & Carrot is a vivid complementary color palette tagged retro, vibrant, orange. Prussian Blue and Vanilla 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 4 chromatic colors, Mahogany takes the lead while the rest support. Lightness runs from 18% to 81%. Well suited to websites, presentations and branding.

Background: Vanilla (#E1E5BA) is the lightest color, so it belongs on large surfaces.
Text: Prussian Blue (#112D4C) on #E1E5BA gives 10.72:1, passing WCAG AAA.
Primary: Mahogany (#C64700) is the most saturated mid-tone; use it for buttons and links (3.75:1 against the background, fine for UI elements).
Accent: Carrot (#E38F00) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Prussian Blue on Vanilla at 10.72:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Crimson Mahogany & 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

#112D4C

#C64700

#E38F00

#E1E5BA

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
`#112D4C` on `#E1E5BA`	Aa	10.72:1	AAA
`#112D4C` on `#E38F00`	Aa	5.45:1	AA
`#C64700` on `#E1E5BA`	Aa	3.75:1	AA large only
`#112D4C` on `#C64700`	Aa	2.86:1	Fail
`#E38F00` on `#E1E5BA`	Aa	1.97:1	Fail
`#C64700` on `#E38F00`	Aa	1.9:1	Fail

:root {
  --prussian-blue: #112D4C;
  --mahogany: #C64700;
  --carrot: #E38F00;
  --vanilla: #E1E5BA;
}

$prussian-blue: #112D4C;
$mahogany: #C64700;
$carrot: #E38F00;
$vanilla: #E1E5BA;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'prussian-blue': '#112D4C',
        'mahogany': '#C64700',
        'carrot': '#E38F00',
        'vanilla': '#E1E5BA',
      },
    },
  },
};

{
  "name": "Crimson Mahogany & Carrot",
  "colors": [
    "#112D4C",
    "#C64700",
    "#E38F00",
    "#E1E5BA"
  ]
}

background: linear-gradient(135deg, #112D4C, #C64700, #E38F00, #E1E5BA);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-02-27 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood