Create intermediate Works with: Any AI

Colour Palette and Contrast Accessibility Check

Table output

Choose colours that work together and are readable.

The Open buttons send the prompt text as currently shown below to that site only when you click. Fill in the placeholders first.

[VERIFY] is an editorial flag, not a blank to fill. Wherever the prompt shows [VERIFY], check that item against a reliable source before you use it.

Rate this prompt

Loading ratings…

Review my colour palette. Colours with values: [COLOUR_VALUES]. Where they will be used: [USAGE]. Brand mood: [MOOD].

Check pairings of text and background against a contrast ratio of at least 4.5 to 1 for normal text and 3 to 1 for large text and interface components, using calculations I can verify with a free checker [VERIFY]. Mark which combinations pass. Suggest adjustments that keep the mood. Assign roles: primary, secondary, accent, background, text, success, warning and error.

Return a table of pairings with ratio and pass or fail, the final palette with roles, and usage rules including not relying on colour alone. Note that you cannot calculate precisely without checking.

Add a worked example with two invented pairings: dark grey text on white background has a high ratio and passes at all sizes; light grey text on white has a low ratio and fails. Recommend a systematic way to name colours by role and a rule that colour is never the only way to convey meaning. Provide a recommendation for dark mode if relevant, and a list of places where contrast is often missed, such as placeholder text, disabled buttons and text over photographs.

Fill in before use

Optional: type your details and the prompt above updates. Nothing is saved or sent.

Replace each bracketed placeholder with your own details, then paste into Any AI or another assistant.

Related prompts