What are the hex codes in the Olive & Flamingo Field palette?

The Olive & Flamingo Field color palette consists of Olive #7B7E00, Flamingo #F6A5B7, Linen #FFF1E6, Walnut #5A3E36.

How should I use the Olive & Flamingo Field palette on a website?

Use Linen #FFF1E6 as the background, Walnut #5A3E36 for text, Olive #7B7E00 for buttons and links, and Flamingo #F6A5B7 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Walnut at 8.72:1.

Which colors in Olive & Flamingo Field have enough contrast for text?

The highest-contrast pair is #FFF1E6 on #5A3E36 with a ratio of 8.72:1, which passes WCAG AA for normal text.

#7B7E00Olive

#F6A5B7Flamingo

#FFF1E6Linen

#5A3E36Walnut

Olive & Flamingo Field color palette

Modern Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Olive	`#7B7E00`	`rgb(123, 126, 0)`	`hsl(61, 100%, 25%)`	`oklch(57.1% 0.126 111)`
Flamingo	`#F6A5B7`	`rgb(246, 165, 183)`	`hsl(347, 82%, 81%)`	`oklch(80.6% 0.098 5)`
Linen	`#FFF1E6`	`rgb(255, 241, 230)`	`hsl(26, 100%, 95%)`	`oklch(96.6% 0.021 61)`
Walnut	`#5A3E36`	`rgb(90, 62, 54)`	`hsl(13, 25%, 28%)`	`oklch(39.3% 0.042 37)`

Why it works and how to use it

Olive & Flamingo Field is a vivid split color palette tagged modern, pink, white. The hues span about 74°, enough contrast to create a focal point without the harshness of true complements. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

With 3 chromatic colors, Olive takes the lead while the rest support. Lightness runs from 25% to 95%. Well suited to websites, presentations and branding.

Background: Linen (#FFF1E6) is the lightest color, so it belongs on large surfaces.
Text: Walnut (#5A3E36) on #FFF1E6 gives 8.72:1, passing WCAG AAA.
Primary: Olive (#7B7E00) is the most saturated mid-tone; use it for buttons and links (3.93:1 against the background, fine for UI elements).
Accent: Flamingo (#F6A5B7) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Walnut at 8.72:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Olive & Flamingo Field

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

#7B7E00

#F6A5B7

#FFF1E6

#5A3E36

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
`#FFF1E6` on `#5A3E36`	Aa	8.72:1	AAA
`#F6A5B7` on `#5A3E36`	Aa	5.05:1	AA
`#7B7E00` on `#FFF1E6`	Aa	3.93:1	AA large only
`#7B7E00` on `#F6A5B7`	Aa	2.28:1	Fail
`#7B7E00` on `#5A3E36`	Aa	2.22:1	Fail
`#F6A5B7` on `#FFF1E6`	Aa	1.73:1	Fail

Similar palettes 24 more in this mood