Related hues can create a coherent tonal system when their roles are distinct. Use measured contrast for text and boundaries rather than assuming darker means readable.
Finding palettes for this category.
Adding the next 30 matching palettes.
Plan the scale from light to dark before assigning roles. Wider lightness differences are usually more useful for UI structure than adding many almost-identical steps, and an accent outside the family is optional rather than required.
Let the lightest green act as the broad background. Dark green anchors the type, and the middle shades can distinguish illustration layers or related packaging variants.
Ink on Canvas: 13.07:1. Other pairs need their own check.
Use white and black for the main reading pair. The middle grays are tonal steps, not automatically accessible label colors; check each assignment to controls, borders and secondary text.
Ink on Canvas: 21.00:1. Other pairs need their own check.
Use navy for essential text on the pale canvas. For an ordered ramp or decorative gradient, arrange the blues by luminance and check each step against its intended neighbor.
Ink on Canvas: 14.65:1. Other pairs need their own check.
| Role | Practical direction |
|---|---|
| Light endpoint | Backgrounds and subtle surfaces. |
| Middle steps | Borders, selected states, charts with ordered intensity, or secondary surfaces. |
| Dark endpoint | Text, navigation, or strong structural elements. |
| Optional accent | Use only when a task requires a distinction the monochrome scale cannot communicate clearly. |