What are the hex codes in the Bold Cornflower & Chestnut palette?

The Bold Cornflower & Chestnut color palette consists of Space #3F2A56, Chestnut #A04E5C, Cornflower #72A6F4, Wheat #FBD48A.

How should I use the Bold Cornflower & Chestnut palette on a website?

Use Wheat #FBD48A as the background, Space #3F2A56 for text, Cornflower #72A6F4 for buttons and links, and Chestnut #A04E5C for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Wheat at 8.88:1.

Which colors in Bold Cornflower & Chestnut have enough contrast for text?

The highest-contrast pair is #3F2A56 on #FBD48A with a ratio of 8.88:1, which passes WCAG AA for normal text.

#3F2A56Space

#A04E5CChestnut

#72A6F4Cornflower

#FBD48AWheat

Bold Cornflower & Chestnut color palette

Modern Blue

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Space	`#3F2A56`	`rgb(63, 42, 86)`	`hsl(269, 34%, 25%)`	`oklch(33.2% 0.079 305)`
Chestnut	`#A04E5C`	`rgb(160, 78, 92)`	`hsl(350, 34%, 47%)`	`oklch(52.9% 0.109 11)`
Cornflower	`#72A6F4`	`rgb(114, 166, 244)`	`hsl(216, 86%, 70%)`	`oklch(72.1% 0.127 258)`
Wheat	`#FBD48A`	`rgb(251, 212, 138)`	`hsl(39, 93%, 76%)`	`oklch(88.7% 0.102 83)`

Why it works and how to use it

Bold Cornflower & Chestnut is a complementary color palette tagged modern, blue. Space and Wheat sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Cornflower takes the lead while the rest support. Lightness runs from 25% to 76%. Well suited to websites, presentations and branding.

Background: Wheat (#FBD48A) is the lightest color, so it belongs on large surfaces.
Text: Space (#3F2A56) on #FBD48A gives 8.88:1, passing WCAG AAA.
Primary: Cornflower (#72A6F4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Chestnut (#A04E5C) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Bold Cornflower & Chestnut

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

#3F2A56

#A04E5C

#72A6F4

#FBD48A

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
`#3F2A56` on `#FBD48A`	Aa	8.88:1	AAA
`#3F2A56` on `#72A6F4`	Aa	5.05:1	AA
`#A04E5C` on `#FBD48A`	Aa	3.98:1	AA large only
`#A04E5C` on `#72A6F4`	Aa	2.27:1	Fail
`#3F2A56` on `#A04E5C`	Aa	2.23:1	Fail
`#72A6F4` on `#FBD48A`	Aa	1.76:1	Fail

:root {
  --space: #3F2A56;
  --chestnut: #A04E5C;
  --cornflower: #72A6F4;
  --wheat: #FBD48A;
}

$space: #3F2A56;
$chestnut: #A04E5C;
$cornflower: #72A6F4;
$wheat: #FBD48A;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'space': '#3F2A56',
        'chestnut': '#A04E5C',
        'cornflower': '#72A6F4',
        'wheat': '#FBD48A',
      },
    },
  },
};

{
  "name": "Bold Cornflower & Chestnut",
  "colors": [
    "#3F2A56",
    "#A04E5C",
    "#72A6F4",
    "#FBD48A"
  ]
}

background: linear-gradient(135deg, #3F2A56, #A04E5C, #72A6F4, #FBD48A);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-04-24 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood