soft white
near black
mid grey
deep purple
light grey
Modern UIaccented-neutral · cool
Modern UI colour palettes
Surface colours, darker anchors and accents for product interfaces. Choose foreground and background roles, then check their contrast. Explore 247 palettes.
Browse all 78 palette collections
Colour pairings & usage tips
Try this.
Give each colour a role: surface, text, border, primary action or accent. Apply those roles consistently across forms, panels and navigation.
Check the pairing.
A readable text pair is only one part of an interface. Check button labels, secondary text, focus indicators and any status information in context.
A pairing to start with.
In Navy & Linen, #0A0B0E against #FDFDFD has a contrast ratio of 19.35:1. This pair meets the WCAG AA contrast threshold for normal text. This checks opaque colours only; other pairings, transparency and gradients need their own checks.
The five swatches span 15–99% OKLCH lightness. Try different colour roles in the palette generator.