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

The Flamingo & Moss Field color palette consists of Taupe #46451C, Moss #819248, Flamingo #F794BC, Beige #FDF6E3.

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

Use Beige #FDF6E3 as the background, Taupe #46451C for text, Flamingo #F794BC for buttons and links, and Moss #819248 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Taupe on Beige at 9.15:1.

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

The highest-contrast pair is #46451C on #FDF6E3 with a ratio of 9.15:1, which passes WCAG AA for normal text.

#46451CTaupe

#819248Moss

#F794BCFlamingo

#FDF6E3Beige

Flamingo & Moss Field color palette

Warm Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Taupe	`#46451C`	`rgb(70, 69, 28)`	`hsl(59, 43%, 19%)`	`oklch(38.1% 0.060 108)`
Moss	`#819248`	`rgb(129, 146, 72)`	`hsl(74, 34%, 43%)`	`oklch(62.9% 0.101 120)`
Flamingo	`#F794BC`	`rgb(247, 148, 188)`	`hsl(336, 86%, 77%)`	`oklch(78.0% 0.127 355)`
Beige	`#FDF6E3`	`rgb(253, 246, 227)`	`hsl(44, 87%, 94%)`	`oklch(97.4% 0.026 90)`

Why it works and how to use it

Flamingo & Moss Field is a vivid split color palette tagged warm, pink, white. A split scheme: Taupe plays against Beige across roughly 98° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.

With 4 chromatic colors, Flamingo takes the lead while the rest support. Lightness runs from 19% to 94%. Well suited to websites, presentations and branding.

Background: Beige (#FDF6E3) is the lightest color, so it belongs on large surfaces.
Text: Taupe (#46451C) on #FDF6E3 gives 9.15:1, passing WCAG AAA.
Primary: Flamingo (#F794BC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Moss (#819248) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Taupe on Beige at 9.15:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Flamingo & Moss 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

#46451C

#819248

#F794BC

#FDF6E3

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
`#46451C` on `#FDF6E3`	Aa	9.15:1	AAA
`#46451C` on `#F794BC`	Aa	4.66:1	AA
`#819248` on `#FDF6E3`	Aa	3.17:1	AA large only
`#46451C` on `#819248`	Aa	2.88:1	Fail
`#F794BC` on `#FDF6E3`	Aa	1.96:1	Fail
`#819248` on `#F794BC`	Aa	1.62:1	Fail

Similar palettes 24 more in this mood