Coquette is an aesthetic rather than a colour: pale blush pinks, cream and ribbon white, with bows and lace as its visual shorthand and a deliberately low-contrast palette. Copy the HEX codes from any scheme below, or roll your own coquette palette anchored to a base colour.
Coquette Palette Ideas & HEX Codes
Coquette Pink is the muted version — nothing above 74% saturation, and a dusty #D98FA0 at the bottom. Soft Coquette and Coquette Cream are brighter, both ending on a fully saturated #FF99AC or #FF8FAB. Coquette Cream is the only one that offers a near-white ground, #FFF0F3.
Coquette Pink
#FCEEF0
#F7D9DE
#F4B6C2
#E8A0BF
#D98FA0
Soft Coquette
#FDE2E4
#FAD2E1
#F7CAD0
#FBB1BD
#FF99AC
Coquette Cream
#FFF0F3
#FFCCD5
#FFB3C1
#FF8FAB
#F7D1CD
Anchored to a coquette base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Free, no sign-up Generated in your browser CSS, JSON & HEX export
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
What Goes With the Coquette Palette
The look depends on staying low-contrast, so the partners are all pale: cream, ribbon white and the softest neutrals. Blush and pastel extend it directly; dusty rose gives it the one deeper tone it usually needs for text. Social graphics, moodboards, stationery and small feminine brands are where it shows up.
Frequently Asked Questions
What HEX codes make a coquette palette?
The coquette look leans on soft blush pinks and creams: pale bases like #FCEEF0 and #FFF0F3, mid blush pinks (#F4B6C2, #F7CAD0) and a slightly deeper rose accent (#E8A0BF, #FF8FAB). Low-contrast, warm pinks with a cream neutral give it the delicate, romantic feel. Above you get three ready-made versions — Coquette Pink, Soft Coquette and Coquette Cream — so you can lift a whole five-step ramp instead of assembling one. #D98FA0 is the darkest code on the page and #FFF0F3 the lightest, a pairing worth 2.2:1, short of the 3:1 needed even for large text, so bring in a neutral when something has to be read.
What colours make up the coquette aesthetic?
The coquette palette is built on pale blush pink — #F4B6C2, #F7CAD0, #FFB3C1 — with cream or near-white as the ground (#FCEEF0, #FFF0F3) and one deeper rose for detail (#E8A0BF, #FF8FAB). Every colour on this page sits above 70% lightness, and that is what produces the soft, washed look. The Coquette Pink row runs the range in five steps, #FCEEF0 through #D98FA0, which is about as deep as the aesthetic goes before it turns into an ordinary pink scheme.
How do I use these colours in CSS?
Click Copy CSS for a ready-to-paste :root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. The Soft Coquette row above is a second ready-made option — #FDE2E4, #FF99AC and the three steps between them — if you would rather not generate at all. The generator itself rolls around #F4B6C2, the base coquette for this page. Use Copy JSON for an array or Copy HEX for a comma-separated line if custom properties are not how your project stores colour.
Which coquette shades are readable as text on white?
No shade in this coquette set is dark enough for body text on white — the deepest manages 2.5:1 against the 4.5:1 WCAG AA line. The base shade used here, #F4B6C2, gives 1.7:1 against #FFFFFF, too little for text of any size, so keep it for fills and accents. The darkest code on this page, #D98FA0, reaches 2.5:1 on white and still falls short of the 4.5:1 WCAG AA line for body text. The palest, #FFF0F3, sits at 1.1:1 and belongs behind text rather than in it, with something dark on top.