Peach / the surface
#F5DCD0Use as the main reading field. It gives both dark colors a light background.
Give every color a job before you decorate the page. This burgundy, peach and ink study shows how the same palette can create clear text or almost invisible detail.

#501F2D, peach #F5DCD0 and ink #242329. The ratios describe opaque digital sRGB pairs; the printed menu still needs a final-size proof. Open the full-size visual →A restaurant menu has several reading tasks: finding a section, comparing dishes and checking a price. Keep these tasks visible first. A decorative color can be valuable without becoming the color of every line of text.
#F5DCD0Use as the main reading field. It gives both dark colors a light background.
#242329Use for dish names, descriptions and prices on peach. Keep information in a predictable place.
#501F2DUse for section headings, rules or a highlighted panel with peach text.
Both dark colors are useful against peach. Burgundy and ink are too similar in lightness to serve as a small-text/background pair. Changing their positions does not fix that relationship.
A digital contrast ratio compares the relative luminance of text and its immediate background. The figures below are calculated from the exact opaque sRGB HEX values, with no photo, gradient or transparency underneath.
| Pair | Ratio | Use in this study |
|---|---|---|
Ink #242329on peach #F5DCD0 | 11.90:1 | Body copy and prices |
Burgundy #501F2Don peach #F5DCD0 | 10.18:1 | Headings and emphasis |
Ink #242329on burgundy #501F2D | 1.17:1 | Avoid for information text |
For digital text, WCAG 2.2 criterion 1.4.3 specifies at least 4.5:1 for normal text and 3:1 for large text. Its large-text definition starts at 18 pt regular or 14 pt bold, approximately 24 CSS px or 18.7 CSS px bold. A heading label alone does not make text large. See W3C’s explanation of text contrast.
Displayed ratios are rounded to two decimals; threshold decisions use the unrounded result. A passing color pair does not certify an entire page as accessible. Size, font weight, spacing, zoom, content and interaction still need review.
These two panels use identical sample content. The weak version places ink text on burgundy. The stronger version gives the text a peach reading field; burgundy can still frame or label the menu without sitting directly behind dark descriptions.
Fictional layout study, not a commissioned restaurant or a tested business result. The dish and price are illustrative. The weak panel repeats the content for visual comparison; the readable version supplies the same information.
Use peach text on burgundy: the contrast remains 10.18:1. Check every detail in that panel, including small notes and prices. Do not quietly change secondary copy back to ink.
For a QR menu, build dish information as live text where possible. Test it on a phone at its normal display size; a large design canvas can hide tiny final text. If the background becomes a food photograph, retest every area or add a solid reading field.
The calculations above describe digital sRGB color pairs. They do not predict how ink, paper, coating and restaurant lighting will combine. A warm paper stock already changes the light field; a printer’s color conversion can change the dark colors as well.
Ask the printer for the appropriate color profile and proofing process. This palette does not come with universal CMYK values or a guarantee of printed accessibility.
Save the palette with these roles, not just three swatches. A useful handover says which color sits behind each type of information and where a separate print check is still required.
The digital thresholds and large-text definition above are based on W3C: Understanding SC 1.4.3, Contrast (Minimum). The WCAG 2.2 criterion defines the requirement. Color-role choices and the fictional menu are our design examples.
This guide explains text contrast; it is not a full WCAG audit, a print certification or evidence of sales performance.